HEADER.smaller { top:0; }

.movil-inline{display:none !important;}

@media (max-width:900px) and (orientation:landscape){
	.movil-inline{display:inline !important;}
}

@media (max-width:820px){	
	.movil-inline{display:inline !important;}
}

img {
    pointer-events: none; /* Impedir click derecho */
}

.gap-0 { gap: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.mr-4 { margin-right: 4px !important; }
.ml-8 { margin-left: 8px !important; }
.ml-12 { margin-left: 12px !important; }
.ml-50 { margin-left: 50px !important; }
.pt-40 { padding-top: 40px !important; }
.pl-28 { padding-left: 28px !important; }
.mt-64 { margin-top: 64px !important; }
.mt-revert{ margin-top: revert !important; }
.align-content-end{ align-content: end !important;}
.align-content-center{ align-content: center !important;}
.display-none { display: none; }
.boton.expanded {
	display:block;
	width: 100%;
}
.pie { padding: 60px 0; }
.copy-admin {
	display: block;
}
span.error{color: #FD0330; font-weight: 500;font-size: 12px;line-height: 24px; display: flex; gap: 9px;}
.form-select { padding-right: 42px; }
.form-select.error {
    border-width: 2px;
    border-color: #FD0330;
    outline: 0;
}
.heading-XXS{font-family: 'Lato';text-transform: uppercase;font-size: 12px;font-style: normal;font-weight: 900;line-height: 14px;}
.bodycopy-L{font-size: 20px !important;font-weight: 400 !important;line-height: 26px;}
.boton.borde-blanco{border-color: var(--color-blanco)!important; color: var(--color-blanco)!important; }
.boton.borde-blanco:hover{background: var(--color-blanco) !important; color: #000 !important;}
.font-size-18 { font-size: 18px; }
.font-size-14 { font-size: 14px; }
.font-size-15 { font-size: 15px !important; }
.resize-vertical { resize: vertical; }
@media (max-width: 820px) {
	.boton.boton-mini-movil {
		line-height: 14px;
	    border-width: 2px;
	    margin: 0px;
	    padding: 6px 10px;
	    letter-spacing: 0px;
	    font-weight: 500;
	    font-size: 13px;
	    height: auto;
	}
}

.form-select:focus { color: var(#78625E); background-color: #ffffff; border-width: 2px; border-color: var(--color-rojo); outline: 0; box-shadow: false, 0 0 0 0.25rem rgba(var(--color-rojo), 0.25); }
.frase p.error { margin-top: 0px;}

.alert-banner { padding: 16px; background: #EEB42B;}

.privado .menu-creador A.disabled { opacity: 0.5; }
	.privado .menu-creador A.disabled:hover { background-color: transparent; }
		.privado .menu-creador A.disabled:hover IMG {filter:none;}
		.privado .menu-creador A.disabled:hover SPAN {color: #fff;}

.margin-auto { margin: auto; }
.width-auto { width: auto !important; }
.width-50 { width: 50% !important; }
.width-70 { width: 70% !important; }
.h-100 { height: 100% !important; }
.nowrap {
    white-space: nowrap;
}

@media (max-width: 820px) {
    .width-100-movil { width: 100% !important; }
}
    
.pdf-viewer { max-width: 100%; }

.cont-frase-center {
	display: flex;
	justify-content: center;
    position: relative;
}

.frase.cont-frase-center .tit1{
	padding-bottom:0;
}


.icono-obra-imagen-banner{
	width:10px;
	height:10px;
	background: var(--color-rojo);
	position: absolute;
	right:5px;
	bottom:5px;
	border-radius: 50px;
}

.listado-creadores .moderation-box {
    margin: 0 -32px -32px -32px;
    width: calc(140% + 64px);
}
.artistas-destacados .card .card-textos {
    height: 100%;
    position: relative;
}

.mis-obras .etiquetas{ flex-wrap:wrap; }
.mis-obras .etiquetas .etiquetas-accion {
	display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; width:100%;
}

.mis-obras .etiquetas .opciones {
	position:relative;
}
.mis-obras .etiquetas .opciones .acciones {
	position:absolute;
    top: -12px;
    right: -16px;
    width: 150px;
    z-index: 15;
}
.mis-obras .etiquetas .link-unselected-all.pc {
	margin-left: 1em;
	text-transform: lowercase;
	text-decoration: underline;
	font-size: 14px;
}
.mis-obras .etiquetas .link-unselected-all.pc:hover {
	color: #000;
}
.creador-hero{ min-height: 700px;}

.zona-creador .tipo-perfil { margin-bottom: 10px; }
.creador-hero .tipo-perfil .slider { border: solid 1px #fff; }
.creador-hero .tipo-perfil .slider:before { bottom: 1px; left:1px; }

.enableProfileCapabilities .item { margin-left: 48px; margin-bottom: 8px; text-indent: -35px; }

.accordion-section-content table td {     
	text-align: justify;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding: 4px 16px;
    vertical-align: baseline;
}

.accordion-section-content ul li  {
    text-align: justify;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

.disciplinas-obras .obras .disciplinas-obras-obra {
    flex: 1;
}
.disciplinas-obras .obras-listado .card {
    border: 1px solid #CCCFCF;
}
.disciplinas-obras.bg-amarillo .obras-listado .card {
    border: 0;
}

.card-textos { width: 100%; }

.disciplinas-obras .card .card-textos {
	overflow-wrap: anywhere;
}

.sm2-bar-ui.full-width { max-width: 500px; z-index: 0; overflow: visible; }

.http-error {
	text-align: center;
	padding: 100px 0 200px 0;
	font-size: 20px;
}
.http-error h1 {
	font-size: 100px;
	font-weight: bold;
}

.header-bar-user .profile A {
    white-space: nowrap;
}
.header-bar-user .user .progressContainerMenu {
	width: 48px;
    height: 8px;
    border-radius: 5px;
    margin-top: 5px;
    overflow: hidden;
    border: 1px solid #c4c1c1;
}
.header-bar-user .user .progressContainerMenu .progressBarMenu {
	width: 0%;
    height: 100%;
    background-color: rgb(255, 94, 80);
    border-radius: 5px;
}

.contacto .frase.cuerpo ul li {
	margin: auto;
    margin-top: 15px;
    font-size: 19px;
    font-weight: 300;
}

.buscador-pagina.validate-license {
	max-width: 800px;
    padding-top: 0px;
    margin-top: -40px;
    margin-bottom: 40px;
}

.buscador-categoria {
	padding: 10px 16px;
	gap: 8px; height: 48px;
	display: inline-flex;
	border: 1px solid #CCCFCF;
	border-radius: 16px;
	margin-left: auto;
	width: 235px;
}

.buscador-categoria .texto {
	height: 28px;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #999999;
	order: 1;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}


.zona-creador .data .enlaces { margin-left: 8px; }

.tips-pre{display: flex;flex-direction: column;align-items: center; gap: 32px; background: #E7E7E7;}
	.tips {display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 16px 0px;gap: 64px; font-size: 14px;line-height: 22px; }
		 .tips.open{border-bottom: 1px solid var(--grey, #CCCFCF);}
		 .tips .opciones{display: flex;flex-direction: row;align-items: flex-start;padding: 0px 64px 0px 0px;gap: 48px;border-right: 1px solid #000000;}
			 .tips .exponer,  .tips .vender{display: flex;flex-direction: row;align-items: center;padding: 0px;gap: 8px;}
				.tips IMG.success {filter: invert(62%) sepia(68%) saturate(568%) hue-rotate(65deg) brightness(82%) contrast(109%);}
				.tips .completar {display: flex;flex-direction: row;align-items: center;padding: 0px;gap: 8px; text-decoration: underline; font-weight: 700;}
		 .perfil-opciones{/*display: flex;*/ display: none;flex-direction: row;align-items: flex-start;padding: 0px;gap: 136px; padding-bottom: 32px;}
			 .perfil-opciones.open{display: flex;}
			 .perfil-opciones .opcion{display: flex;flex-direction: column;align-items: flex-start;padding: 0px;gap: 16px;}
				 .perfil-opciones .opcion .titular{font-size: 16px;font-weight: 700;line-height: 26px;}
				 .perfil-opciones .opcion .item{display: flex;align-items: center;gap: 8px;}
				 .perfil-opciones .opcion .success{filter: invert(62%) sepia(68%) saturate(568%) hue-rotate(65deg) brightness(82%) contrast(109%);}

.tips .progress-container {width: 30%; border-radius: 10px; overflow: hidden; background-color: #f0f0f0; border: 1px solid #d1cfcf; position: relative; cursor: pointer;}
.tips .progress-container .progress-bar {background-color: rgb(255, 94, 80); width: 10%; height: 25px; border-radius: 8px;}
.tips .progress-container .progress-text {position: absolute; top: 0; left: 50%; transform: translateX(-50%); line-height: 25px; text-align: center; font-weight: 400;}

.mis-obras .busqueda .opciones.activo  .acciones{display: flex;}
.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}
.mis-obras .busqueda .acciones .tag { background: #fff;  color: #000000; border-bottom: 1px solid #E7E7E7; padding: 4px 0px 12px 0px; border-radius: 0}
		.mis-obras .busqueda .acciones .tag:last-child { border: none;}
		.mis-obras .busqueda .acciones .tag IMG{ filter: invert();}
		.mis-obras .busqueda .acciones .tag IMG.invert{ filter: none;}
				
@media (max-width:820px){	
	
	 .tips-pre{gap:16px;}
	 .tips{ flex-direction: column; gap: 8px; margin: auto;  align-items: start; width: Calc(100% - 32px);}
	 .tips .completar{position: absolute; right: 23px;}
	 .tips .opciones{padding: 0; border: none; }
	 .perfil-opciones { flex-direction: column; padding: 0 16px 16px 16px; gap: 24px;}
		 .tips .opciones IMG{ width: 24px;}
		 .perfil-opciones IMG{ width: 16px;}
		 .perfil-opciones .opcion .titular {font-size: 14px; line-height: 20px;}
		.privado .perfil-opciones .opcion .item{font-size: 12px;line-height: 18px;}
	.tips .progress-container {width: 100%;}
}
.obras-listado .scroll-infinite .jscroll-inner {display: grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top: 52px; margin-bottom:56px;  grid-gap: 32px}

.obras-listado .scroll-infinite .jscroll-inner .jscroll-added{grid-column: 1/5; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-gap: 32px; }

@media (max-width: 820px) {
	.obras-listado .scroll-infinite .jscroll-inner {grid-template-columns:repeat(1,minmax(0,1fr)); margin-top: 32px; margin-bottom:32px;  grid-gap: 32px}
	
	.obras-listado .scroll-infinite .jscroll-inner .jscroll-added{grid-column: 1/5; display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); grid-gap: 32px; }
}

.modal-edicion.modal-imagen-portada .foto .croppie-container .cr-boundary{width: 918px;height: 458px; }
.modal-edicion.modal-imagen-portada .foto .croppie-container {width: 918px;height: 500px; }

.modal-edicion.modal-photo .foto .croppie-container .cr-boundary{width: 400px;height: 260px; }
.modal-edicion.modal-photo .foto .croppie-container {width: 400px;height: 260px; margin: auto; }
.modal-edicion.modal-photo .foto .croppie-container .cr-slider-wrap { margin: 8px auto; }

.modal-edicion.modal-photo .datos-personales .foto .marco {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 250px;
	height: 250px;
    border-radius: 200px;
}

.modal.modal-login .modal-contenido {
    min-width: 500px;
    padding: 32px;
}

.suscripcion .tarifas-detalle .inline-icon {
	margin-right: auto;
}
.suscripcion .tarifas .card{border-top:8px solid var(--color-verde);}
.suscripcion .tarifas .card:hover{border-top:8px solid var(--color-rojo);}

.combo-enlaces { width: 200px; }

.zona-creador.falsa { height: 0; }

.zona-creador .data .foto-container {
	position:relative;
	margin: auto;
	width: 200px;
	height: 160px;
}

.zona-creador .data .foto-container .editar {
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.comunidad .favoritos, .comunidad .seguidores, .comunidad .notificaciones {
	padding-top: 48px;
}

.comunidad .favoritos .obras-listado {
	padding-top: 0;
}

.comunidad .notificaciones {
	display: flex;
	margin-bottom: 80px;
	padding: 50px 0;
	gap: 50px;
}
.comunidad .notificaciones .columna .perfil-card {
	background-color: #ffada0;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	width: 400px;
}
.comunidad .notificaciones .columna .perfil-card h2 {
	font-size: 22px;
	margin-bottom: 15px;
}
.comunidad .notificaciones .columna .perfil-card .cuadro {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.comunidad .notificaciones .columna .perfil-card .cuadro-caja {
	background-color: white;
    padding: 7px 15px;
    border-radius: 5px;
}
.comunidad .notificaciones .columna .perfil-card .simple {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.comunidad .notificaciones .columna .perfil-card .doble {
    display: grid;
    align-content: space-between;
    grid-row: span 2;
}
.comunidad .notificaciones .columna .perfil-card .cuadro-caja .numero {
	font-size: 48px;
	font-weight: bold;
   	text-align: left;
}
.comunidad .notificaciones .columna .perfil-card .cuadro-caja .etiqueta {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.comunidad .notificaciones .columna .perfil-card .cuadro-caja .icono {
	font-size: 40px;
	color: #ccc;
}
.comunidad .notificaciones .columna .perfil-card .cuadro-caja .variacion {
	border-top: 1px solid #ccc;
    padding-top: 10px;
    align-content: end;
}
.comunidad .notificaciones .columna .perfil-card .cuadro-caja .variacion .numero {
	font-size: 24px;
    font-weight: bold;
	text-align: left;
}
.comunidad .notificaciones .columna .perfil-card .cuadro-caja .variacion .texto {
	font-size: 10px;
	text-align: right;
}
.comunidad .notificaciones .formulario-notificaciones {
	display: flex;
	margin-bottom: 20px;
	gap: 50px;
}
.comunidad .notificaciones .formulario-notificaciones .columna {
	margin: 0;
	flex: 1 0 0;
}
.comunidad .notificaciones .formulario-notificaciones .columna-comentarios {
	margin-top: 15px !important;
}
@media (max-width: 820px) {
	.comunidad .notificaciones { flex-direction: column; }
	.comunidad .notificaciones .columna { margin-bottom: 20px; margin-right: 0; }
	.comunidad .notificaciones .columna .perfil-card { width: 100%; }
	.comunidad .notificaciones .formulario-notificaciones { flex-direction: column; }
	.comunidad .notificaciones .formulario-notificaciones .columna-comentarios {
		margin-top: 50px !important;
	}
}

.banda-creador .imagen {
	height: 300px;
}

.artista-sobre-contenido {
	padding-top:64px;
}

.mis-obras .pre-bola span {
	display: unset;
}

.mis-obras #addBola {
	position: static;
}

.pre-bola {
	z-index: 14;
	margin-right: -16px;
}

@media (max-width: 820px) {
	.zona-creador .data .foto-container {
		width: 200px;
		height: 140px;
	}
	
	.zona-creador .data .foto-container .editar {
	    position: absolute;
	    bottom: 12px;
	    right: 12px;
	}
	.banda-creador .imagen {
		height: auto;
	}
	.mis-obras .pre-bola {
	    margin: 0 0 16px 0;
	    width: 100%;
	    float: none;
	    justify-content: space-between;
	}
	.busqueda-resultado {
        gap: 24px;
    }
}

.mis-obras .obra-sobre-banda {position: relative;}
.zona-obra .data .editar { position: static; margin-bottom: 18px; }
.zona-obra .data .editar .editar-obra { width: 230px; height: 40px; text-decoration: none; }

.obra-sobre .obra-sobre-banda .obra-sobre-contenido.edicion {
	display: flex;
    justify-content: center;
    height: 100%;
}
.obra-sobre-contenido .imagen-contenedor {
	width: 100%;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 960px;
}
.obra-sobre-contenido .imagen-contenedor .img-viewer {
	max-width: 100%;
	max-height: 100%;
	position: relative;
}
.obra-sobre-contenido .imagen-contenedor .img-viewer img {
    object-fit: contain;
    max-width: 100%;
    max-height: 536px;
    width: auto;
    height: auto;
}
.obra-sobre-contenido .imagen-contenedor .img-viewer img.watermark {
	position: absolute;
	bottom:2px;
	left:2px;
	width: 32px;
	height: 32px;
	opacity: 0.6;
}

.modal-obra .obra-datos .imagen-contenedor .img-viewer {
	display: inline-grid;
}
.modal-obra .obra-datos .imagen-contenedor .img-viewer img {
	width: auto;
}
.modal-obra .obra-datos .imagen-contenedor .img-viewer img.watermark{
	width: 32px;
	height: 32px;
}
.modal-obra .obra-datos .obra-nombre {
	margin-top: 40px;
}


.card.disabled {
	opacity: 0.3;
}

input[type="email"] { 
		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;
}


.backoffice {
	padding: 0 12px;
}
.header-works {
  background: #fff;
  z-index: 10;
  padding: 20px 0;
  clear: both;
}

.privado.mis-obras .busqueda-resultado .filtros {
	padding-top: 32px;
	top: 82px;
}

.privado.estadisticas .busqueda-resultado .filtros {
    padding-top: 0;
    top: 114px;
}
.creador.privado.estadisticas .busqueda {
    padding: 36px 0 54px 0;
}

.privado .menu-creador {
	z-index: 11;
}
@media (max-width: 820px) {
	.creador.privado.estadisticas .busqueda {
	    padding-top: 0 !important;
	}
	.privado.estadisticas .busqueda-resultado .filtros {
	    top: 0;
	}	
	.mis-obras .etiquetas {
		top: 60px !important;
		z-index: 9;
	}
}
@media (min-width: 1024px) {
	.modal-edicion.full-page .obras-listado .grid {
	    grid-template-columns: repeat(4,minmax(0,1fr));
	}
}

@media (max-width: 820px) {
	.header-bar .navegacion .navegacion-link {
		pointer-events: none;
	}
}

table.stats .thumbnail {
	border: solid 1px #eee;
	max-height: 48px;
	max-width: 64px;
	vertical-align: middle;
	margin-right: 1em;
}
@media (max-width: 820px) {
	table.stats .thumbnail {
		max-height: 128px;
		max-width: 100%;
		margin-right: 0;
	}
}
.modal-edicion.full-page .modal { height: 100%; width:100%; }
.modal-edicion.full-page .modal-contenido { height: Calc(100vh - 68px - 128px); }
.modal-edicion.full-page .modal.max-width-1000 { max-width: none !important;  }
.modal-edicion .datos-personales .foto .marco { margin: auto; background-size:contain; background-repeat: no-repeat; background-position: center; }
.modal-edicion .datos-personales .foto.miniatura-descripcion { position: relative; }
.modal-edicion .datos-personales .foto.miniatura-descripcion .marco { width: 300px; height: 210px; border-radius: 20px; }
.modal-edicion .datos-personales .foto.miniatura-descripcion .editar { position: absolute; top: 175px; left: 230px; }
.modal-edicion .datos-personales .foto.miniatura-descripcion .editar.marco-activo { top: 280px; left: 330px; }
.modal-edicion .datos-personales .foto.miniatura-descripcion .editar a { text-decoration: none; }
.modal-edicion .datos-personales .foto.miniatura-descripcion .eliminar { position: absolute; top: 175px; right: 260px; }
.modal-edicion .datos-personales .foto.miniatura-descripcion .eliminar.marco-activo { top: 280px; right: 335px; }

@media (max-width: 820px) {
	.modal-edicion .modal-contenido {
	    height: auto;
		max-height: Calc(100vh - 68px - 168px);
	    padding: 32px 23px;
	}
	.modal-edicion.modal-obras-add .modal-contenido {
	    max-height: Calc(100vh - 68px - 200px);
	}
	.modal-edicion.modal-obras-add .botones {
		gap:12px;
	    padding: 16px 23px;		
	}
	.combo-enlaces { width: 100%; }
	.obra-sobre-banda{ max-width: 100%; width: 100%;}
	.obra-sobre-contenido .imagen-contenedor IFRAME {
	    width: 100%;
	}
}

.modal-edicion .perfil-url { 
	border-bottom: solid 1px #ddd; 
	padding: 1px 1px 0 1px; 
	text-decoration: none;
}

.generatedThumbnails {
	display: flex;
	flex-direction: row;
	gap: 2px;
}
.generatedThumbnails .portada {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
	border: solid 5px transparent;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}
.generatedThumbnails .portada img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.generatedThumbnails.literary .portada {
	height: 243px;
}
.generatedThumbnails .portada.selected {
	border-color: var(--color-rojo);
}
.generatedThumbnails .portada .portada-textos{ margin: 10px; width: Calc(100% - 20px); padding-left: 8px; border-left: 6px solid #fff; color:#fff}

.obra-add .generatedThumbnails .portada {
	width: 180px;
	height: 180px;
}
.obra-add .generatedThumbnails.literary .portada {
	width: 125px;
	height: 180px;
}

.obra-add .generatedThumbsContainer .generatedThumbnails {
	flex-direction: column;
}
.obra-add .generatedThumbsContainer .generatedThumbnails.audio .portada {
	width: 112px;
	height: 112px;
}
.obra-add .generatedThumbsContainer .generatedThumbnails.audio .portada-textos {
	font-size: 14px;
}
.obra-add .generatedThumbsContainer .generatedThumbnails.literary .portada {
	width: 85px;
	height: 112px;
}
.obra-add .generatedThumbsContainer .generatedThumbnails.literary .portada-textos {
	font-size: 12px;
}
@media (max-width: 820px) {
	.obra-add .generatedThumbsContainer .generatedThumbnails {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
}

.obra-add .progressCircleContainer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: center;
}
.obra-add .progressCircleContainer .progress-circleClassDiv {
	height: 150px;
	position: relative;
	align-self: center;
}
.obra-add .progressCircleContainer .progress-circleClassDiv .progressCircleImg {
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
}
.obra-add .progressCircleContainer .progress-circleClassDiv .progressCircleImg .background-circleProgress {
	fill: none;
	stroke-width: 5;
	stroke: #e0e0e0;
}
.obra-add .progressCircleContainer .progress-circleClassDiv .progressCircleImg .progressCircleClass {
	fill: none;
	stroke-width: 5;
	stroke: #ff5e50;
	transition: stroke-dasharray 0.5s ease;
}
.obra-add .progressCircleContainer .progress-circleClassDiv .progress-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	color: #333;
	font-weight: bold;
}


.addCreative-filter {
	display: grid;
	grid-template-columns: 200px 1fr auto auto;
	gap: 12px;
}
.addCreative-filter .form-floating {
	margin-bottom: 12px;
}
.addCreative-filter .form-floating > .form-control {
    padding: 0.85rem 16px 0.6rem 16px;
}

.moderation-box {
    font-size: 12px;
    font-weight: bold;
    background: #ddd;
    color: #000;
    padding: 8px 16px;
    cursor: pointer;
    width: 100%;
}
.zona-obra .data .moderation-box,
.zona-creador .data .moderation-box {
	position:absolute;
	bottom: 0px;
	padding: 2px 5px;
	bottom: 0;	
	left: 0;
	right: 0;	
	width: 100%;
	z-index: 9;
}
.val4 {
	color: #fff;
	background: var(--color-azul);
}
.val3 {
	color: #fff;
	background: #008000;
}
.val2 {
	color: #fff;
	background: var(--color-amarillo);
}
.val1 {
	color: #fff;
	background: var(--color-rojo);
}
.val0 {
	color: #fff;
	background: #a5001e;
}
.val-1 {
	color: #fff;
	background: #000;
}
.valnull {
	color:#000;
	background: #eee;
}

@media (max-width: 820px) {
	.addCreative-filter {
		display: block;
	}
	.addCreative-filter .form-floating .boton {
		width: 100%;
	}
}

.licencia-texto .licencia-recibiras { padding-top: 12px; }

.zona-obra .data .nombre > div { word-break: break-word; }
.zona-obra .data .autor-nombre a{    font-size: 16px;    line-height: 24px;    text-decoration-line: underline;    margin-bottom: 2px;color: var(--color-blanco);}
.obra-datos .imagen-contenedor .obra-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-eight: 22px;    display: flex;    flex-direction: row;    align-items: center;    gap: 8px;}
.obra-datos .imagen-contenedor .obra-semana IMG{width: 16px; height: 16px;}


.obra-add{display: flex;padding-bottom: 0px;flex-direction: column;align-items: flex-start;gap: 16px; margin-bottom: 56px; }
.obra-add .presentacion{display: flex;align-items: flex-start;gap: 32px;    justify-content: space-between;    width: 100%;}
.obra-add .presentacion .imagen{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;}
	.obra-add .presentacion .imagen-opciones{display: flex;width: 443px;justify-content: center;align-items: center;gap: 16px;font-size: 14px;font-weight: 700;line-height: 24px;text-decoration-line: underline;}
	.obra-add .presentacion .imagen-opciones A{display: flex; gap:8px;}
.obra-add .presentacion .textos{display: flex;width: 443px;flex-direction: column;align-items: flex-start;gap: 24px;}
.obra-add INPUT, .obra-add .form-row{width: 100%;}
.obra-add .form-row.containerTags {width: 95%;}
.obra-add .form-row.containerTags .info-icon-tags {float: right; position: relative; bottom: 35px; left: 25px; cursor: pointer;}
.obra-add .tooltip-info-tags {background-color: rgb(255, 255, 255);border: 1px solid rgb(204, 207, 207);padding: 10px;max-width: 300px;margin-top: -30px;align-self: center;margin-bottom: -104px;z-index: 1;}
@media (max-width: 820px) {
	.obra-add .form-row.containerTags {width: 90%;}
	.obra-add .form-row.containerTags .info-icon-tags {left: 30px;}
	.obra-add .tooltip-info-tags {margin-bottom: -50px;}
}

.obra-add .edit-zone{border: 2px dashed #999;display: flex;width: 100%;min-height: 211px; border-radius: 16px;flex-direction: column;align-items: center;justify-content: center; gap:16px; font-size: 16px; line-height: 26px; color: #999999; padding: 30px 90px; text-align: center; }
.obra-add .edit-zone .encabezado{font-size: 18px;font-weight: 700;line-height: 28px;font-family: 'Lato';}
.obra-add .edit-zone .expo-video:first-child{width: 60%;  }
.obra-add .edit-zone .expo-video:last-child{width: 40%;  }
.obra-add .edit-zone .expo-video .marco {width: 100%; padding: 18px 0; 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;; min-height: 149px; }
.obra-add .edit-zone .expo-video .marco div {margin: auto; text-align: center; }
.obra-add .edit-zone .expo-video .marco div iframe{width: 100%; height: 100% }

.obra-add .edit-zone.imagen-video {
	padding: 30px 10px;
}

.enviado-ok .respuesta{font-size: 24px;font-weight: 700;line-height: 32px; margin: 32px auto 16px auto;}


#modalAddForm .obra-add .imagen {
	width: 443px;
} 
#modalAddForm .obra-add .imagen {
	width: 443px;
} 
#modalAddForm .obra-add .imagen .imagen-inner {
	width: 100%;
	min-height: 250px;
	text-align: center;
} 
#modalAddForm .obra-add .imagen .edit-zone,
#formEditWorks .obra-add .position-relative {
	width: 100%;
	margin: 0;
}


@media (max-width: 820px) {
	#modalAddForm .obra-add .imagen { width: 100%; } 
}

.comunidad .seguidores .autor .foto.sinfoto {
	position: relative;
    border-radius: 90px;
    background-color: red;
    width: 64px;
    height: 64px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.comunidad .seguidores .autor .foto.sinfoto .foto-nombre{font-size: 20px; line-height: 20px; margin-top:5px;font-family: 'CodeProBlack'; color: #fc9f97;}
.comunidad .artistas-destacados .card .card-imagen .foto-nombre {
  	object-fit: cover;
	height: 186px;
	background-color: red;
	font-size: 64px;
	line-height: 20px;
	margin: auto;
	font-family: 'CodeProBlack';
	color: #8689DF;
	width: 100%;
	text-align: center;
	padding-top: 90px;
}
.comunidad .artistas-destacados .card .card-imagen { width: 100%; }

.mis-obras .obra-archivos .bloque-columna {
    width: 100%;
    justify-content: space-around;
}
.mis-obras .obra-archivos .bloque-columna  .bloque-columna-archivo   { width: 50%; } 
.mis-obras .obra-archivos .bloque-columna  .bloque-columna-archivo p { word-break: break-all; text-align: center; width: 100%;} 

.tags .inputTags-field{width:auto !important;}

.privado.mis-ventas .enviado-ok { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.privado.mis-ventas .enviado-ok .respuesta { font-size: 24px; line-height: 32px; margin: 32px auto 16px auto;}
.modal-edicion.modal-ventas-cobro .modal-contenido { max-height: Calc(100% - 68px - 60px); height: Calc(100% - 68px - 60px);    text-align: center;}

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

.privado.mis-obras .enviado-ok { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.privado.mis-obras .enviado-ok .respuesta { font-size: 24px; line-height: 32px; margin: 32px auto 16px auto;}
.modal-edicion.modal-obras-vender-ok .modal-contenido { max-height: Calc(100% - 68px - 60px); height: Calc(100% - 68px - 60px);    text-align: center;}
.modal-ventas-solicitud-licencia form .modal-contenido { height: auto; }

.mis-compras .blockchain { margin: auto; }
.mis-compras .mensaje-ok { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.mis-compras .mensaje-ok .respuesta { font-size: 24px; line-height: 32px; margin: 32px auto 16px auto;}
.modal-edicion.modal-obras-vender-ok .modal-contenido { max-height: Calc(100% - 68px - 60px); height: Calc(100% - 68px - 60px);    text-align: center;}

.modal-edicion.modal-factura .modal-contenido { max-height: Calc(100% - 68px - 60px); height: Calc(100% - 68px - 60px);    text-align: center;}

.modal-edicion.modal-obras-vender .vender-opciones {
    gap: 16px;
}
.modal-edicion.modal-obras-vender .vender-opcion {
    margin-bottom: 0px;
}
.modal-form {
   	display: flex;
    flex-direction: column;
    justify-content: stretch;
    height: 100%;
}
.modal-form .modal-contenido {
    flex: 1;
}

.obras-listado .card input[type='checkbox'] {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
}


.selected-works {
    display: inline-flex;
    padding: 4px 12px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    color: var(--black, #000);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
}

.contact-result .respuesta { font-size: 24px; line-height: 32px; margin: 32px auto 16px auto;}

.pagina-mensajes .mensajes-listado .card .foto { flex-shrink:0; }
.pagina-mensajes .mensajes-listado .card .card-textos { width: auto; }
.pagina-mensajes .mensaje-detalle {
	flex-grow:1;
}
.pagina-mensajes .mensaje-enviar{ border-radius: 0px 16px 16px 0px; padding: 15px 12px; border:none; }

.mensajes-listado .card { cursor: pointer; }
.mensajes-listado .foto .foto-nombre{    
	font-size: 20px;
    line-height: 20px;
    font-family: 'CodeProBlack';
    color: #fc9f97;
    height: 64px;
    border-radius: 32px;
    padding-top: 24px;
}
.mensaje-detalle .foto .foto-nombre{    
	font-size: 18px;
    line-height: 18px;
    font-family: 'CodeProBlack';
    color: #fc9f97;
    height: 48px;
    border-radius: 24px;
    padding-top: 18px;
}
.mensajes-listado .foto-nombre,
.mensaje-detalle .foto-nombre {
  	object-fit: cover;
	background-color: red;
	font-size: 64px;
	line-height: 20px;
	margin: auto;
	font-family: 'CodeProBlack';
	color: #fc9f97;
	width: 100%;
	text-align: center;
}
.pagina-mensajes .hilo .fecha {
	margin-top:20px;
}
.pagina-mensajes .puntos .acciones label {
	padding: 4px 0px 12px 0px;
	display: block; 
	width: 100%; 
	font-weight: bold;
}
.pagina-mensajes.anonimo .mensajes { padding: 0; }

.obra .artista-sobre .perfil { align-items: start; }

.obra .artista-sobre .perfil .acciones { display: flex; flex-direction: column; align-items: stretch;  gap: 4px; }


@media (max-width: 820px){
	.obra-add{flex-direction: column; gap: 32px; align-self: stretch; margin-bottom: 40px;}
	.obra-add .imagen .imagen-obra{width: 344px;height: 261px;}
	.obra-add .presentacion{flex-direction: column;}
	.obra-add .presentacion .imagen-opciones, .obra-add .presentacion .textos{width: 100%;}
	.obra-add .presentacion .imagen-opciones{flex-direction: column; align-items: flex-start;}
	.obra-add .presentacion .textos{gap:16px; border-bottom: 1px solid #CCCFCF; padding-bottom: 24px; min-width: auto !important; width: inherit !important;}
	.obra-add .edit-zone{border: 2px dashed #999;display: flex;width: 100%;min-height:0px; border-radius: 16px;flex-direction: column;align-items: center;justify-content: center; gap:16px; font-size: 16px; line-height: 26px; color: #999999; padding: 30px; text-align: center; }
	.obra-add .edit-zone .expo-video:first-child {width: 100%;  }
	.obra-add .edit-zone .expo-video:last-child {width: 100%;  }

	.modal-edicion .modal-contenido-loading {max-height: 100%; height: 100%;}
	.enviado-ok .respuesta{font-size: 18px;font-weight: 700;line-height: 28px;}
	.enviado-ok IMG{width: 72px; height: 72px;}
	.mis-ventas .vender-opciones .licencia{flex-direction: column;}
	.mis-ventas .vender-opciones .licencia-precio{    flex-direction: column; width: 100%; border: none;}
	.mis-ventas .vender-opciones .licencia-precio INPUT { width: 100%;}
	.privado.mis-obras .enviado-ok .respuesta{font-size: 18px;font-weight: 700;line-height: 28px;}
	.privado.mis-obras .enviado-ok IMG{width: 72px; height: 72px;}

	.mis-compras .mensaje-ok .respuesta{font-size: 18px;font-weight: 700;line-height: 28px;}
	.mis-compras .mensaje-ok IMG{width: 72px; height: 72px;}
	.pagina-mensajes .mensaje-input INPUT { padding: 0 16px; }
	.pagina-mensajes.anonimo .mensaje-detalle { display:flex; height: calc(100vh - 200px); }
	.pagina-mensajes.anonimo .hilo { height: Calc(100vh - 380px); }
	.pagina-mensajes.anonimo .mensaje-input {
	        flex-shrink: 0;
	}
	
	.zona-creador .data .nombre {
	    width: 100%;
	}
}

@media (max-width: 1024px){
	.obra .artista-sobre .perfil { flex-direction: column; align-items: start; }
	.obra .artista-sobre .perfil .acciones { flex-direction: row; align-items: center; }
}

.progressContainer {
	display: block;
	width: 100%;
}
.progress {
  background-color: #cacaca;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0; }
  .progress.primary .progress-meter {
    background-color: #FF4E3F; }
  .progress.secondary .progress-meter {
    background-color: #777; }
  .progress.success .progress-meter {
    background-color: #3adb76; }
  .progress.warning .progress-meter {
    background-color: #ffae00; }
  .progress.alert .progress-meter {
    background-color: #ec5840; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #2199e8; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap; }

.responsive-embed {
    margin-bottom: 0;
    position: relative;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
}
.responsive-embed.widescreen {
	padding-bottom: 56.25%;
}
.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

TH.licencia{width: 312px;}

.tabla-responsive A.boton{text-decoration: none;}

@media only screen and (max-width: 820px)  {
	.tabla-responsive td { padding: 10px 8px 10px 80px; overflow-x: hidden; text-overflow: ellipsis; }
	.tabla-responsive td:before { top: 10px; text-transform: uppercase; }
}	

.privado.mis-obras .loading { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.privado.mis-obras .loading .respuesta { font-size: 24px; line-height: 32px; margin: 32px auto 16px auto;}
.modal-edicion .modal-contenido-loading { max-height: 100%; height: 340px; text-align: center;}

@keyframes spin {
  100% {
	transform: rotate(360deg);
	transform-origin: center;
  }
}

.loadingImg{animation-name: spin;  animation-duration: 1.8s; animation-iteration-count: infinite; }

@media (max-width:820px){
	.modal-edicion .modal-contenido-loading {max-height: 100%; height: 100%;}
	.privado.mis-obras .loading .respuesta{font-size: 18px;font-weight: 700;line-height: 28px;}
	.privado.mis-obras .loading IMG{width: 72px; height: 72px;}
}

.card-imagen {
	width: 100%;
}

.foto.sinfoto {
	position: relative;
    border-radius: 90px;
    background-color: #2E3CCC;
    width: 48px;
    height: 48px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.foto-nombre {
	font-size: 18px;
    line-height: 18px;
    font-family: 'CodeProBlack';
    color: #fc9f97;
    margin-top: 5px;
}

.card-imagen .foto-nombre {
    width: 100%;
	height: 254px;
    margin: auto;
    padding: 40px 0;
    object-fit: cover;
    background-color: red;
    font-size: 100px;
    line-height: 100px;
    margin: auto;
    font-family: 'CodeProBlack';
    color: #fc9f97;
    text-align: center;
    padding-top: 85px;
}

.obras-listado .card .card-imagen .foto-nombre {
	height: 186px;
    padding-top: 51px;
}

.profile-events .user {
	display:flex;
	flex-direction: row;
	align-items: center;
}
.profile-events .user .foto {
	flex: 0 1 48px; 
}
.profile-events .user .foto img{
	border-radius: 24px;
}
.profile-events .user .datos{
	flex: 1 1 auto;
	padding-left: 8px;
}

a.user { text-decoration: none; }
a.user .datos { text-decoration: underline; }

.buy-buttons p { 
	margin-top: 8px;
	font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

.buy-buttons .contenido {
	display: flex;
    flex-direction: row;
    gap: 32px;
    margin-top: 32px;
}
.buy-buttons .contenido .datos {
	flex-grow: 1;
    text-align: center;
}
.buy-buttons .contenido .datos textarea{
	resize: none;
}
.modal-backdrop.modal-licenselogin {
    z-index: 31;
}
/******* BREADCRUMB PERFIL ********************/
.privado .creador-hero .hero {
	padding-left: 78px;
}
.creador-hero .hero .cuerpo { width: 100%; }
.creador-hero .hero .cuerpo .breadcrumbs { padding-left: 24px; }

@media (max-width: 820px) {
	.privado .creador-hero .hero {
		padding-left: 58px;
	}
}

/********** MODALES AÑADIR OBRA *****************/

.privado.mis-obras .loading { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.privado.mis-obras .loading .respuesta { font-size: 24px; line-height: 32px; margin: 32px auto 16px auto;}
.modal-edicion .modal-contenido-loading { max-height: 100%; height: 340px; text-align: center;}

@keyframes spin {
  100% {
	transform: rotate(360deg);
	transform-origin: center;
  }
}

.loadingImg{animation-name: spin;  animation-duration: 1.8s; animation-iteration-count: infinite; }

.obra-add{display: flex;padding-bottom: 0px;flex-direction: column;align-items: flex-start;gap: 16px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--grey, #CCCFCF);}
	.obra-add:last-child{border: none; margin-bottom:0px;}
.obra-add .presentacion{display: flex;align-items: flex-start;gap: 32px;}
.obra-add .presentacion .imagen{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;}
.obra-add .presentacion .imagen-opciones{display: flex;width: 443px;justify-content: center;align-items: center;gap: 16px;font-size: 14px;font-weight: 700;line-height: 24px;text-decoration-line: underline;}
	.obra-add .presentacion .imagen-opciones A{display: flex; gap:8px;}
.obra-add .presentacion .textos{display: flex;width: 443px;flex-direction: column;align-items: flex-start;gap: 24px;}
.obra-add INPUT, .privado.mis-obras .obra-add .form-row{width: 100%;}

@media (max-width:820px){
	.modal-edicion .modal-contenido-loading {max-height: 100%; height: 100%;}
	.privado.mis-obras .loading .respuesta{font-size: 18px;font-weight: 700;line-height: 28px;}
	.privado.mis-obras .loading IMG{width: 72px; height: 72px;}
	
	.obra-add{flex-direction: column; gap: 32px; align-self: stretch;}
	.obra-add .imagen .imagen-obra{width: 344px;height: 261px;}
	.obra-add .presentacion{flex-direction: column;}
	.obra-add .presentacion .imagen-opciones, .privado.mis-obras .obra-add .presentacion .textos{width: 100%;}
	.obra-add .presentacion .imagen-opciones{flex-direction: column; align-items: flex-start;}
}



/***** BACKOFFICE *****/
ul.pagination { list-style: none; display:flex; padding:0; margin: 8px 0; justify-content: center; }
ul.pagination li { list-style: none; display: inline-block; }
ul.pagination li a { font-size: 16px; padding: 4px 6px; border: solid 1px #ddd; background: #fff; }
ul.pagination li.active a, ul.pagination li a:hover { background: #00f; color: #fff; text-decoration:none; }
ul.pagination li.disabled a { opacity: 0.5;  }
ul.pagination li.disabled a:hover { background: #fff; color: #000; }


.period-tops .card.selected {text-decoration: none; outline: solid 5px var(--color-azul); outline-offset: -3px;}
.period-tops .card.selected2 {text-decoration: none; outline: solid 5px var(--color-amarillo); outline-offset: -3px;}
.period-tops .card.selected.selected2 {text-decoration: none; outline: solid 5px var(--color-amarillo); outline-offset: 0; border: solid 5px var(--color-azul); }

.period-tops .grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.period-tops #filtro { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 200px; }
	
.text-azul { color: var(--color-azul); }
.text-amarillo { color: var(--color-amarillo); }

.top-title {
    padding-top: 65px;
    padding-bottom: 24px;
    text-align: center;
}
.bg-azul .top-title {
	color: #fff;
}


/****** SELECT2 ******************/
	.select2-container{ position: relative}
	.select2-container--default .select2-results>.select2-results__options {max-height: 300px;}
	.select2-container--default .select2-selection--single { background-color: transparent !important; border: none !important;	}
	.select2-container .select2-selection--single .select2-selection__rendered { padding: 0px !important;}
	.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: var(--color-azul);}
	
	/*.select2-container .select2-selection--single{height: 24px;}
	.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 24px;}*/	
	.select2-container--default .select2-selection--single .select2-selection__clear{margin-right: 20px;}
	.select2-dropdown{border-color: #CCCFCF; top: -12px;}	
	.select2{
	--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);	
	--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");
	display: block; width: 100%; padding: 10px 16px; font-size: 16px; font-weight: 500; color: #5E6278; background-color: #ffffff; background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-img, 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;}
	.select2 .select2-selection__arrow, .select2 .select2-selection__clear, .select2-search {display: none;}
	.modal-edicion .select2 .enlace , .modal-edicion .select2-results .enlace{ display: flex; align-items: center; gap: 8px; }
	
	
/************ CHATBOT ******************/
#chatbot {
	z-index: 999998;
	position: fixed;
	width: 542px;
	height: 518px;
	bottom: -350px;
	right: -500px;
	display: flex;
	justify-content: start;
	align-content: top;
	transition: width 0.2s, height 0.2s, bottom 0.2s, right 0.2s;
}
#chatbot.shown {
	bottom: 0;
	right: 0;
}
#chatbot .icon-close {
	position: absolute;
	top: 12px;
	right: 12px;
}
#chatbot .icon-container {
	background-color: var(--color-rojo);
	border-radius: 32px 0 0 32px;
	padding: 12px 6px 12px 12px;
	cursor: pointer;
	height: fit-content;
} 
#chatbot .icon-container img {
	width: 24px;
	height: 24px;
} 
#chatbot .chat-container {
	flex: 1 1 auto; 
	background-color: var(--color-rojo);
	padding: 12px;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 12px;
} 
#chatbot .chat-container .header {
	color: var(--color-blanco);
	font-weight: bold;
	font-size: 20px;
	flex: 0 0 auto;
}
#chatbot .chat-container .messages {
	background-color: var(--color-blanco);
	overflow-y: auto;
	padding: 4px;
	flex: 1 1 auto;
}
#chatbot .chat-container .messages .message-row {
	display: flex;
	justify-content: start;
	
}
#chatbot .chat-container .messages .message-row.bot {
	justify-content: start;
	margin-right: 32px;
}
#chatbot .chat-container .messages .message-row.user {
	justify-content: end;
	margin-left: 32px;
	
}
#chatbot .chat-container .messages .message-row .message {
	font-size: 14px;
	padding: 0.5em;
	border-radius: 0.5em;
	margin-bottom: 0.5em;
} 
#chatbot .chat-container .messages .message-row .message p {
	font-weight: 400;
}
#chatbot .chat-container .messages .message-row .message ul {
	margin-bottom: 12px;
}
#chatbot .chat-container .messages .message-row.bot .message {
	background-color: #eee;
} 
#chatbot .chat-container .messages .message-row.user .message {
	background-color: var(--color-azul);
	color: var(--color-blanco);
} 
#chatbot .chat-container .messages .message a {
	text-decoration: underline;
}

#chatbot .chat-container .messageInput {
	flex: 0 0 auto;
	background-color: var(--color-blanco);
	display: flex;
}
#chatbot .chat-container .messageInput input {
	border: none;
	border-radius: 0;
	width: 260px;
	background-color: transparent;
	flex: 1 1 auto;
} 
#chatbot .chat-container .messageInput input:focus {
	box-shadow: none;
	outline: none;
}
#chatbot .chat-container .messageInput button {
	border: none;
	background-color: transparent;
	flex: 0 0 auto;
}

@media (max-width: 820px) {
	#chatbot.shown {
		width: 100%;
		height: 80%;
	}
	#chatbot.shown .icon-container {
		display: none;
	}
	#chatbot.shown .icon-close {
		display: block;
	}

	.obra-sobre-contenido .imagen-contenedor .obra-semana { bottom: 54px !important; }

}

.pb-0 { padding-bottom: 0px !important;}
.pb-48 { padding-bottom: 48px !important;}


.homeFilterContainer {
	display: inline-grid;
	grid-template-columns: auto auto auto;
	padding: 32px 0;
}

.home .disciplinas-obras .obras{ padding: 0; }
.home .obras-listado .obras-listado { padding-top: 0; }


@media (max-width: 600px) {
	.homeFilterContainer {
		display: inline-block;
	}
}

.nav-superior-movil{ margin-bottom: 46px;}


.home-obras .swiper {
	width: 80%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.home-obras .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: calc((100% - 30px) / 2) !important;
	display: flex;
	justify-content: center;
	align-items: center;
}


.card-img-swiper {
	height: 254px;
	width: 100%;
	background-size: cover;
	object-fit: cover;
	background-repeat: no-repeat;
	background-size: cover;
	flex-direction: column;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	font-family: 'CodeProBlack';
}

.card-img-swiper::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5); /* Aquí se aplica la opacidad */
}
.card-img-swiper > * {
	position: relative;
	z-index: 2;
}
.card-img-swiper.foto-nombre {
	width: 100%;
	height: 254px;
	margin: auto;
	object-fit: cover;
	background-color: red;
	font-size: 28px;
	font-family: 'CodeProBlack';
	color: #fc9f97;
	text-align: center;
	line-height: 1;
}

.card-img-swiper .ubicacion {
	font-size: 14px;
}

.card-img-swiper .categoria {
	font-size: 18px;
}

.home .modal-contenido .obras-listado {
	padding: 0;
}

.home .modal-contenido .obras-listado .grid{
	margin-top: 0px;
}

.artistas-destacados .card{
	min-height: 0px;
}

.mb-100{margin-bottom:100px !important;}



#addBola {
	z-index: 1;
	position: fixed;
	top: 235px;
	right: 20px;
}

.home-card-container {
	width: 100%;
	padding-top: 15px;
	padding-left: 15px;
}

.hr-division {
	width: 60%;
	border-width: 2px;
	margin: 25px auto 0;
	display: block;
}

.home-foto IMG {
	width: 90px;
	height: 90px;
	border-radius: 50%;
}

.home-card-header {
	display: flex;
}

.home-foto {
	order: -1;
	width: 110px;
	min-height: 90px;
	align-content: center;
}

.info-container {
	align-content: center;
	line-height: 1.6;
	font-size: 13px;
}

.listado-creadores {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-slogan {
	padding: 16px;
	font-size: 15px;
	align-content: center;
	color: grey;
	text-align: center;
}

.home-slogan p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.home-nombre-container {
	font-weight: 800;
	font-size: 21px;
	padding-top: 10px;
}

.home-foto-nombre {
	font-size: 42px;
	line-height: 42px;
	font-family: 'CodeProBlack';
	color: #fc9f97;
	padding-top: 12px;
	background-color: red;
	align-content: center;
	text-align: center;
	width: 90px;
	height: 90px;
	border-radius: 50%;
}

.home .obras-listado .grid, .obras .obras-listado .grid {display: grid;}

@media (max-width:820px){
	.modal-edicion .modal-contenido-loading {max-height: 100%; height: 100%;}
	.home .loading .respuesta{font-size: 18px;font-weight: 700;line-height: 28px;}
	.home .loading IMG{width: 72px; height: 72px;}
	.obras .loading .respuesta{font-size: 18px;font-weight: 700;line-height: 28px;}
	.obras .loading IMG{width: 72px; height: 72px;}
	.listado-creadores {
	    grid-template-columns: repeat(1, minmax(0, 1fr));
	}

}

.obra-semana-medal {
	position: relative;
	display: flex;
	justify-content: flex-end;
	width: auto;
	top: -13px;
	color: #505050;
	font-family: 'Lato';
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	gap: 4px;
}

.obra-sobre-contenido .obra-semana-medal {
	justify-content: unset;
}

.obra-sobre-contenido .obra-semana-medal IMG {
	width: auto;
	height: 26px;
	object-fit: cover;
}

.obras-listado .card .card-imagen.portada { height: 186px; display: flex; align-items: center; justify-content: center; }
.listado-literatura .card .card-imagen.portada { height: 100%; }
.listado-musica .card .card-imagen.portada { height: 240px; }

.imagen-contenedor .portada {
	margin: auto;
	width: 500px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	aspect-ratio : 1 / 1;
	background-size: contain;
}
.imagen-contenedor .portada .portada-textos{ 
	text-align: left;
	margin:50px; width: Calc(100% - 100px); border-left: 20px solid #fff; padding-left: 24px; color:#fff;
}


/*** mensajes ***/
.notification-box { z-index: 2;	position: fixed; top: 150px; right: 4px; 
	display:flex; flex-direction: column; align-items: flex-start; gap:16px; }
.notification-box a.card:hover { 
	text-decoration: none; 
	background: #FF4E3FDD; color: #fff;
} 

.notification-box .card{ --width: 380px; border-radius: 16px;background: rgba(231,231,231,0.70); }
.notification-box .card .remitente{display: flex; padding: 16px 24px 16px 16px;align-items: center;gap: 16px; position: relative}
.notification-box .card .foto{width: 48px;height: 48px;border-radius: 48px;}
.notification-box .card .foto .foto-nombre{    
	font-size: 20px;
    line-height: 20px;
    font-family: 'CodeProBlack';
    color: #fc9f97;
    height: 48px;
    border-radius: 32px;
  	object-fit: cover;
	background-color: red;
	margin: auto;
	width: 48px;
	text-align: center;
	padding-top: 16px;
}

.notification-box .card .foto IMG { border-radius: 48px; width: 48px; height: 48px; object-fit: cover;}
.notification-box .card .card-textos{display: flex;width: 180px; overflow-x: hidden; flex-direction: column;align-items: flex-start;gap: 2px;}
.notification-box .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; }
.notification-box .card .numero DIV{display: flex;width: 8px;height: 14px;flex-direction: column;justify-content: center;}

@media (max-width:820px){
	.notification-box { top: 68px; }
	.notification-box .card .remitente { padding: 8px; }
	.notification-box .card .card-textos { display:none; }
	.notification-box .card .foto{width: 32px;height: 32px;border-radius: 32px;}
	.notification-box .card .foto .foto-nombre{    
		font-size: 16px;
	    line-height: 16px;
	    height: 32px;
		width: 32px;
		padding-top: 10px;
	}
	.notification-box .card .foto IMG { border-radius: 32px; width: 32px; height: 32px; }
	
}


.flex-responsive {
	display: flex;
	flex-direction: row;
	gap: 8px;
}
.flex-1 { flex: 1; }
.flex-0 { flex-shrink: 0; }
.flex-wrap { flex-wrap: wrap; }
@media (max-width:820px){
	
	.flex-responsive {
		flex-direction: column;
	}

}

/************* REDISEÑO POR TIPO DE OBRA ****************************/

.zona-obra { background-color: var(--color-rojo);}
.zona-creador { background-color: var(--color-rojo);}
.pre-bola { background: var(--color-rojo); border: solid 1px red;}
.pre-bola:hover { text-decoration: none; }
.bola { background-color: var(--color-rojo); border: solid 2px white;}
.modal .modal-pasos{color: var(--color-rojo); }
.modal .modal-pasos .numero{ background-color: var(--color-rojo); }
.modal-edicion .columnas .tag{ background: var(--color-rojo); }
.modal-edicion .perfil-url{ color: var(--color-rojo); }
.pagina-mensajes .mensajes-listado .card.activo { background: var(--color-rojo); }
.pagina-mensajes .mensajes-listado .card .numero{ background: var(--color-rojo); }
.pagina-mensajes .hilo-mensaje.derecha { background: var(--color-rojo); }
.pagina-mensajes .mensaje-enviar:hover{background: var(--color-rojo);}
.pagina-mensajes .mensaje-input:focus-within  {border-color: var(--color-rojo); outline-color: var(--color-rojo);}
.pagina-mensajes .mensaje-input:focus-within .mensaje-enviar{background: var(--color-rojo);}

.tag { background: var(--color-rojo); }
.form-check-input:checked { background-color: var(--color-rojo); border-color: var(--color-rojo); }
.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='%23FF4E3F'/%3e%3c/svg%3e");     background-color: #ffffff; border-color: var(--color-rojo); }
.form-check-input:checked[type=radio] { border-color: var(--color-rojo); }
div.inputTags-list span.inputTags-item {  background-color: var(--color-rojo);  }
div.inputTags-list ul.inputTags-autocomplete-list li:hover { background-color: var(--color-rojo); }
.header-bar .navegacion A.navegacion-link:hover::before, .header-bar .navegacion LI.activo A.navegacion-link::before{ background-color: var(--color-rojo); }
.header-bar .pre-buscador .foco A:hover{color: var(--color-rojo);}
.header-bar .pre-buscador .foco .label:hover{color: var(--color-rojo); border-color: var(--color-rojo);}
.header-bar .pre-buscador:focus-within  .buscador{ outline-color: var(--color-rojo); }
.header-bar-user .profile A:hover{ color: var(--color-rojo); }
.header-bar-user .profile li A:hover { color: var(--color-rojo); }
.header-bar-user .profile li:hover SVG{fill:var(--color-rojo) !important; }
.megamenu .menu A:hover{color: var(--color-rojo); }
.movil-header-bar-user .profile A:hover{ color: var(--color-rojo); }
.movil-header-bar-user .profile li A:hover { color: var(--color-rojo); }
.movil-header-bar-user .profile li:hover SVG{fill:var(--color-rojo) !important; }
.swiper-scrollbar-drag{background:var(--color-rojo); }
.tabs A:hover::before, .tabs LI.activo A::before{ background-color: var(--color-rojo);  }
.creadores-del-mes .card-imagen{background-color: var(--color-rojo);}
.creadores .obras-listado .grid { scrollbar-color: var(--color-rojo) #CCCFCF;}
.creadores .obras-listado .grid::-webkit-scrollbar-thumb {	background-color: var(--color-rojo); }
.privado .menu-creador A:hover SPAN, .privado .menu-creador A.activo SPAN{color: var(--color-rojo);}
.obra-sobre .label:hover{color: var(--color-rojo); border-color: var(--color-rojo);}
.boton.boton-negro:hover, .boton.boton-negro:focus { background: var(--color-rojo) !important; border-color:var(--color-rojo); }
.boton.boton-negro.disabled:hover { background-color: #999999 !important;}
.form-control:focus { color: var(#78625E); background-color: #ffffff; border-color: var(--color-rojo); outline: 0; box-shadow: false, 0 0 0 0.25rem rgba(var(--color-rojo), 0.25); outline: 1px solid var(--color-rojo);}
input:checked + .slider { background-color: var(--color-rojo);}
input:checked + .slider.negro {background-color: #000;}
input:focus + .slider { box-shadow: 0 0 1px var(--color-rojo);}
.nav-superior li.activo A {color: var(--color-rojo);}
.home-hero {
	min-height: 250px;
	display: block;
}
.home-hero .cuerpo {
	padding: 28px 0;
}
.home-hero .cabecera-contenido {
    max-width: 550px;
}
.hero .cabecera-contenido-loggedin {
	max-width: unset;
    padding-top: 50px;	
}
.hero .cabecera-contenido {
    min-height: 150px;
}
.home-hero .tit1 {
    font-size: 57px;
    line-height: 57px;
    padding: 20px;
	text-shadow: -1px -1px 0 var(--color-rojo), 1px -1px 0 var(--color-rojo), -1px 1px 0 var(--color-rojo), 1px 1px 0 var(--color-rojo);    
}
.home-hero .description {
	font-size: 18px;
}
.home-hero .description .tit2 {
    font-size: 38px;
    line-height: 38px;
    font-family: CodeProBlack;
}
.home-hero .description p {
	margin-left: 50px;
}
.home-hero .hero-image {
	right: 412px;
	left: auto;
}
.hero.hero-img .cabecera-contenido {
	padding: 32px 0 48px 0;
}
.hero.hero-img .hero-image img {
	height: 300px;
}
.hero.hero-img .linea-amarilla {
	top: 10px;
}
.home-hero .linea-amarilla {
	left: 670px;
}
.hero .linea-amarilla {
	background-color: white;
}
.home-hero .hero-image img {
	height: 330px;
	object-fit: cover;
}
.home-hero .titulo-autor {
	background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
    text-decoration: none;
}
.obras-listado {
    margin-bottom: 64px !important;
}
.grid-sizer {
	display:none;
}
.home-btnVerMas {
    position: absolute;
    right: 0;  
}
.listado-visual, .listado-musica, .listado-literatura {
	margin-top: 0;
}
.listado-visual {
	margin-bottom: 0;
	width: calc(100% + 32px);
}
.listado-visual .grid-sizer {
	width: 33.3333%;
	display:block;
}
.listado-visual::after {
  content: "";
  clear: both;
  display: table;
}
.listado-visual .card {
	width: 33.3333%; float:left;
}
.listado-visual .card.double-width {
	width: 66.6666%;
    max-width: Calc(66% - 32px);
}
.top-header { background: var(--color-rojo); color: white; display:flex; justify-content: center; align-items: center; gap: 4px; width: 100%; padding: 4px; font-weight: 700; font-size: 16px; }
.card-data { width: 100%; }
.obras-listado .card { justify-content: space-between; }
.obras-listado .card-data { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.listado-visual .card { justify-content: space-between; gap:0;}
.listado-visual .card-data { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.listado-musica .card { flex-direction: column; justify-content: flex-start; align-items: center; gap: 0; height: auto; }
.listado-musica .card-data { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap: 32px; height: 100%; }
.listado-literatura .card { flex-direction: column; justify-content: flex-start; align-items: center; gap: 0; height: auto; }
.listado-literatura .card-data { display: flex;flex-direction: row; fjustify-content: flex-start;  align-items: flex-start; gap:32px; height: 100%; min-height: 255px; }
.card-data .card-textos .favorito-off IMG{ filter: invert(1) ;}

.obras-listado .card .play {
	position: absolute; top: 130px; left: 8px; width: 48px; height: 48px; border: 4px solid; border-radius: 120px; display: flex; align-items: center; justify-content: center; background: #fff;
}
.obras-listado .card .play:hover {
	text-decoration: none;
}
.obras-listado .card .play.playing {
}
.listado-musica .card .play {
	top: 185px; 
}
.listado-visual .card .titulo, .listado-musica .card .titulo {
	margin-bottom: 10px;
	font-family: 'Lato';
	text-transform: uppercase;
}
.listado-visual .card .card-imagen .imagen-img {
	width: 100%;
}
.listado-musica .card .card-imagen {
	height: 240px;
}
.listado-musica .card .card-textos, .listado-literatura .card .card-textos {
	max-width: none;
}
.obras-listado .card .card-textos .iconos {
	position: static;
	margin: 0;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 4px;	
	font-size: 14px;
}
.obras-listado .card .titulo {
	font-family: 'Lato';
	text-transform: uppercase;
}
.obras-listado .card .precio {
	font-family: 'Lato';
}
.listado-literatura .card {
	height: auto;
	min-height: 240px;
}
.listado-visual .card .card-textos {
	padding: 32px 16px 12px 16px;
}
.listado-musica .card .card-textos, .listado-literatura .card .card-textos {
	padding: 32px 12px 12px 0;
	justify-content: space-between;
	right: 0;
	margin-left: -10px;
}
.listado-musica .card .card-textos .iconos {
	right: 0;
}
.obras-listado .card .card-imagen {
	flex-shrink: 0;
}
.card .boton {
	order: unset;
	margin: 0 0 8px 0;
}
.card .boton-seguir {
	position:absolute;
	right: 16px;
	top: 16px;
}
.listado-literatura .card .card-imagen {
	height: 255px;
}
.listado-literatura .card .card-imagen .imagen-img {
	border: solid 1px #ddd;
	object-fit: contain;
}
.obras-listado .card .descripcion {
	display:none;
}
.listado-literatura .card .descripcion {
	display:block;
	max-height:72px;
	overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px !important;
    line-height: 24px !important;
    word-break: break-word;
}
.listado-musica .card, .listado-literatura .card {
    border: 1px solid #CCCFCF;
}
.listado-musica .card .card-imagen .play {
	z-index: 1;
}
@media (max-width:820px){
	.listado-visual {
		width: 100%;
	}
}

.obras-listado a img:hover { opacity: 1; }

.profile-categoria{ padding: 0px; position: relative; border-bottom: 1px solid #CCCFCF; padding-top: 30px; }
	.profile-categoria ul{ padding: 0px; }
	.profile-categoria li{display:inline-block; margin-left:48px; }
	.profile-categoria li:first-child{margin-left: 0}
	.profile-categoria A{font-weight: 400; font-size: 16px; line-height: 28px; position: relative; padding: 14px 0; display: inline-block; text-decoration: none !important; }
	.profile-categoria A:hover::before, .profile-categoria LI.activo A::before{content: " "; display: block; position: absolute; bottom: 0px; background-color: var(--color-rojo); height: 3px; width: 100%; }
	.profile-categoria LI.activo A{font-weight: 700;}

.busqueda .orden { display: flex; flex-direction: row; gap: 20px; align-items:center; margin-top: 20px; padding-bottom: 20px; }
.busqueda .orden .boton { order: 0; }
.busqueda-resultado .resultados { padding-top: 0; }
.busqueda .orden SELECT { margin:0; }

.artista-job {
	background: #fff;
	padding: 24px;
	margin-left: 32px;
}

.banda-creador .obras-destacadas {
	padding-bottom: 32px;
}

@media (max-width: 1150px) {
	.hero-image {
		display:none;
	}	
	.home-hero .linea-amarilla {
		right: -32px;
		left:auto;
	}
	.artista-job {
		margin-right: 32px;
	}
}

@media (max-width: 820px) {
	.artista-job { margin:0; }
	.banda-creador .obras-destacadas {
		padding-bottom: 0px;
	}
	.buscador-categoria { width: 100%; gap: 10px; margin-top: 10px; }
	.modal-cerrar A { font-size: 20px; }
	.frase .tit1 {
        font-size: 32px;
        line-height: 32px;
	}
	.cont-frase-center {
		display: block;
	}
	.home-hero .cuerpo {
		width: auto;
	}
	.hero .cabecera-contenido {
	    min-height: 140px;
        padding: 32px 0 42px 0;
	}
	.home-hero .linea-amarilla {
		position: relative;
	    top: 0;
	    left: 113px;
	}
	.home-hero .tit1 {
	    font-size: 40px;
	    line-height: 40px;
	    padding: 16px;
	}
	.home-hero .description  {
		width: auto;
	}
	.home-hero .description .tit2 {
	    font-size: 28px;
	    line-height: 28px;
	    font-family: CodeProBlack;
	}
	.home-hero .description p {
		margin-left: 20px;
		font-weight: 400;
	}
	.hero.hero-img .linea-amarilla {
		display:none;
	}	
	.listado-visual .grid-sizer {
		width: 100%;
	}
	.listado-visual .card {
		width: 100%;
		float:none;
		max-width: none;
	}
	.listado-visual .card.double-width {
		width: 100%;
		max-width: none;
	}
	
	.listado-musica .card .card-textos,
	.listado-literatura .card .card-textos {
		padding: 16px 16px 16px 0 !important;
	}
	.listado-musica .card .card-imagen {
		height: 150px;
	}
	.listado-musica .card .card-imagen.portada { height: 150px; }
	
	.listado-musica .card .play {
		top: 95px; 
	}
	.listado-literatura .card .card-imagen {
		height: 212px;
	}
	.listado-literatura .card-data {
		min-height: 212px;
	}
	
	.busqueda .orden { flex-direction: column; align-items:stretch; gap: 8px; }
}

	.busqueda-resultado .modal .filtros{width: 100%; max-width: 100%; font-size: 16px; padding-top: 0px; margin-bottom: 24px;}
	.busqueda-resultado #popupFilters .modal { max-height: 100%; }
	.busqueda-resultado #popupFilters .modal .modal-contenido{ overflow-y: auto; max-height: inherit;}
@media (max-width: 820px) {
	
	.busqueda-resultado #popupFilters .modal {
	    margin: 0px;
	    height: 100%;
	    width: 100%;
	}
    .busqueda-resultado .modal .filtros {
        position: inherit !important;
    }
    
}

@media (max-width: 500px) {
    .imagen-contenedor .portada .portada-textos{ 
		font-size: 20px; margin: 25px; padding-left: 15px; border-left: 10px solid #fff;
	}
}
/********************** COLUMNAS *****************/

.align-items-stretch { align-items: stretch !important;}

.row, .row-fixed {
	display: flex;
	flex-direction: row;
  	flex-wrap: wrap;
  	width: 100%;
  	overflow: visible;
}
.col-1 {
	flex: 0 0 8.3333%;
	max-width: 8.3333%;
}
.col-2 {
	flex: 0 0 16.6666%;
	max-width: 16.6666%;
}
.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.col-4 {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
}
.col-5 {
	flex: 0 0 41.6666%;
	max-width: 41.6666%;
}
.col-6 {
	flex: 0 0 50%;
	max-width: 50%;	
}
.col-7 {
	flex: 0 0 58.3333%;
	max-width: 58.3333%;
}
.col-8 {
	flex: 0 0 66.6666%;
	max-width: 66.6666%;
}
.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.col-10 {
	flex: 0 0 83.3333%;
	max-width: 83.3333%;
}
.col-11 {
	flex: 0 0 91.6666%;
	max-width: 91.6666%;
}
.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}
.row > .col-1, .row > .col-2, .row > .col-3, .row > .col-4, .row > .col-5, .row > .col-6, 
.row > .col-7, .row > .col-8, .row > .col-9, .row > .col-10, .row > .col-11, .row > .col-12,
.row-fixed > .col-1, .row-fixed > .col-2, .row-fixed > .col-3, .row-fixed > .col-4, .row-fixed > .col-5, .row-fixed > .col-6, 
.row-fixed > .col-7, .row-fixed > .col-8, .row-fixed > .col-9, .row-fixed > .col-10, .row-fixed > .col-11, .row-fixed > .col-12 {
	padding: 10px;
}
.row > :first-child, .row-fixed > :first-child, .row.large > :first-child {
	padding-left: 0 !important;
}
.row > :last-child, .row-fixed > :last-child, .row.large > :last-child {
	padding-right: 0 !important;
}
.row.multiline > :first-child {
	padding-left: 10px !important;
}
.row.multiline > :last-child {
	padding-right: 10px !important;
}
@media (min-width:821px){	
	.row.large > .col-1, .row.large > .col-2, .row.large > .col-3, .row.large > .col-4, .row.large > .col-5, .row.large > .col-6, 
	.row.large > .col-7, .row.large > .col-8, .row.large > .col-9, .row.large > .col-10, .row.large > .col-11, .row.large > .col-12 {
		padding: 10px 24px;
	}
}
@media (max-width:820px){	
	.row { display: block; }
	.row .col-1, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6, 
	.row .col-7, .row .col-8, .row .col-9, .row .col-10, .row .col-11, .row .col-12 {
		width: 100%;
		max-width: 100%;
		padding: 10px 0;
	}
}


.premiados2024 { width: 250px; }
.swiper-slide.premiados2024 { width: 250px; }
.hero-image.premiados2024 {
    --swiper-navigation-size: 24px;
    display: block;
    position: relative;
    left: auto; right: auto;
    margin: 0 16px;
}
.cabecera-contenido.premiados2024 { width: 300px; padding: 16px 0; }
.hero-image.premiados2024 .swiper-wrapper { padding-bottom:0; }
.hero-image.premiados2024 .titulo-autor { padding-bottom: 18px; }
.hero-image.premiados2024 .swiper-button-prev,.swiper-button-next { color: #888; }
.hero-image.premiados2024 .swiper-pagination { top: 310px; }
.hero-image.premiados2024 .swiper-pagination-bullet { background-color: #fff; }
.hero-image.premiados2024 .swiper-pagination-bullet-active { background-color: var(--color-rojo); }

@media (max-width:820px){	
	.hero-image.premiados2024 { position: static; display: block; margin-bottom: 16px; }
	.cabecera-contenido.premiados2024 { text-align: center; }
}

.modal-obra-edicion .botonesFichero { align-self: center; text-align: center; }
.modal-obra-edicion .botonesFichero a {
    margin-left: 20px;
    margin-right: 20px;
    width: 200px;
}
.modal-obra-edicion .botonesFichero .activo, .modal-obra-edicion .datos-personales .activo, .modal-obra-edicion-venta .botones-fichero-venta .activo {
    background-color: var(--color-rojo) !important;
    color: white !important;
    border: 1px solid transparent;
}
.modal-obra-edicion .botonesFichero .enlaceVideo .expo-video { width: 100%; }
.modal-obra-edicion .modal-contenido .obra-add { gap: 10px; padding-bottom: 0px; }
.modal-obra-edicion .modal-contenido .obra-add .presentacion { justify-content: center; gap: 135px; padding-left: 20px; padding-right: 20px; }
.modal-obra-edicion .modal-contenido .obra-add .presentacion .textos { border: none; flex: 1; }
.modal-obra-edicion .modal-contenido .obra-add .presentacion .imagen { flex: 2; }
.modal-obra-edicion .modal-contenido .obra-add .presentacion .imagen .img-viewer { max-height: 600px; max-width: 500px; }
.modal-obra-edicion .modal-contenido .obra-add .presentacion .imagen .img-viewer img { max-height: 600px; max-width: 500px; }
.modal-obra-edicion .modal-contenido .obra-add .presentacion .imagen .mensaje { margin-left: 5px; }
.modal-obra-edicion .modal-contenido .obra-add .presentacion .imagen .responsive-embed {position: relative;}
.modal-obra-edicion .modal-contenido .obra-add .datos-personales {align-self: center;}

.modal-obra-edicion-venta .botones-fichero-venta { display: flex; justify-content: center; }
.modal-obra-edicion-venta .botones-fichero-venta div {
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}
.modal-obra-edicion-venta .botones-fichero-venta div a , .modal-obra-edicion-venta .botones-fichero-venta div label {
	width: 250px;
}
.modal-obra-edicion-venta .opciones-venta .obra-licencias .vender-opciones {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 1500px !important;
	margin: auto;
}

@media (max-width:820px){
	.modal-obra-edicion .modal-contenido .obra-add .presentacion { gap: 30px; padding-left: 0; padding-right: 0; }
	.modal-obra-edicion .modal-contenido .obra-add .presentacion .imagen { width: 100%; }
	.modal-obra-edicion .modal-contenido .obra-add .presentacion .imagen .img-viewer { max-width: 390px; }
	.modal-obra-edicion .modal-contenido .obra-add .presentacion .imagen .img-viewer img { max-width: 390px; }
	.modal-obra-edicion .modal-contenido .obra-add .datos-personales .formulario .audio .portada { width: 125px; height: 125px; }
	.modal-obra-edicion .modal-contenido .obra-add .datos-personales .formulario .literary .portada { width: 125px; height: 165px; }
	.modal-obra-edicion .modal-contenido .obra-add .datos-personales .formulario .portada .portada-textos { font-size: 16px !important; }
	.modal-obra-edicion-venta .botones-fichero-venta { display: block; }
	.modal-obra-edicion-venta .botones-fichero-venta div { margin-top: 10px; margin-bottom: 10px; }
}

.modal-cerrar-individual {text-align:right; font-size:20px; position:absolute; right: 24px; top: 22px; z-index: 2;}

.listado-comentarios {
	max-height: 550px;
    overflow: hidden;
    width: 100%;
}
.formulario-comentarios {
	background-color: white;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.boton.comentar {
	line-height: 15px;
    padding: 6px 10px;
    font-size: 15px;
} 
.comentario {
	background-color: white;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
  	scroll-margin-top: 125px;
}
.encabezado-comentario {
	justify-content: space-between !important;
	align-items: center;
}
.acciones.comentarios {
	cursor: pointer;
}
.menu-opciones.comentario {
	display: none;
	position: absolute;
	background: white;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
	border-radius: 5px;
	z-index: 10;
	width: 205px;
	padding: 10px;
}
.comentario-texto {
	position: relative;
    padding: 0px 10px;
}
.comentario-respuesta {
	display: flex;
    gap: 10px;
    align-items: baseline;
}
.comentario-respuesta .link-comment-reply, .link-comment-reply-new {
	max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.texto-comentario {
	margin: 0;
    white-space: pre-wrap;
	/*
    max-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    */
}
.btn-mas-comentario {
	display: none;
    border: none;
    background: none;
    color: rgb(255, 78, 63);
    cursor: pointer;
    padding: 0;
    font-size: 14px;
}
@media (max-width:820px){
	.encabezado-comentario {
		display: flex;
	}
	.menu-opciones.comentario {
		right: 0;
	}
}

.comment-azul:hover { color: var(--color-azul); }
.comentarios-pendientes, .comentarios-leidos { margin: 30px 50px; }
.comentarios-pendientes-listado, .comentarios-leidos-listado { min-height: 150px; }
.comentarios-pendientes .individual, .comentarios-leidos .individual {
	align-items: center;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.comentarios-pendientes .comentario-principal, .comentarios-leidos .comentario-principal {
	flex: 1;
	font-size: 16px;
}
.comentarios-pendientes .comentario-principal .texto-comentario, .comentarios-leidos .comentario-principal .texto-comentario {
	max-width: 550px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.comentarios-pendientes .comentario-principal .comentario-fecha, .comentarios-leidos .comentario-principal .comentario-fecha {
	font-size: 12px;
	color: #666;
	margin-top: 5px;
}
.comentarios-pendientes .comentario-foto-obra, .comentarios-leidos .comentario-foto-obra {
	border-radius: 0px !important;
	background-color: transparent !important;
}
.comentarios-pendientes .sin-comentarios, .comentarios-leidos .sin-comentarios {
	text-align: center;
	margin-top: 50px;
	color: #777;
}
.alerta-nuevo-comentario {
    width: 8px;
    height: 8px;
    background: var(--color-rojo);
    border-radius: 50px;
    margin-right: 5px;
}
.comentario-backoffice-texto {
	max-width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.comentario-backoffice-texto-movil {
	display: block;
	max-width: 290px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.comentario-backoffice-obra {
    width: 48px;
    height: 48px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.boton-editar.editar-foto, .boton-editar.editar-imagen-portada, .boton-editar.editar-foto-descripcion { width: 86px; color: black; text-decoration: none; }
.boton-editar-grande { width: 130px; }
.boton-editar.editar-foto img, .boton-editar.editar-imagen-portada img { margin-right: 1px; }
.zona-creador .tipo-perfil .alerta { width: 12px; height: 12px; background: #25C318; border-radius: 50px; }
.botones-edicion-miniatura-descripcion { width: 270px; align-content: end; margin-bottom: 20px; text-align: center;}
.artista-sobre-descripcion .foto img.foto-descripcion-perfil { width: 100%; }
.checkProfileActive {
	font-weight: 700;
	align-content: center;
	margin-left: 50px;
}
.edicion-presentacion-perfil { gap: 5%; }
.eliminar-foto-descripcion { width: 48px; }

.imagen-progreso { display: flex; width: 100%; justify-content: space-between; }
.progreso-edicion {	margin-right: 50px; width: 330px; }

.cr-icon {
	width: 32px !important;
	height: 32px !important;
}
a.cr-icon {
	position: absolute;
	top: 5px;
	left: 5px;
}
a.cr-icon-video {
	top: 60px;
	left: 10px;
}

@media (max-width:820px){
	.boton-editar-grande { width: 50px; }
	.checkProfileActive { margin-left: 0px; margin-top: 10px; }
	.edicion-presentacion-perfil { flex-wrap: wrap; }
	.edicion-presentacion-perfil .width-70 { width: 100% !important; }
	.edicion-presentacion-perfil .datos-personales { margin: auto !important; }
	.botones-edicion-miniatura-descripcion { width: 100%; margin-top: 10px; }
	.edicion-presentacion-perfil .datos-personales .miniatura-descripcion .mensaje { margin-top: 10px; }
	.edicion-reconocimientos { margin-top: 50px; }

	.imagen-progreso { flex-direction: column; }
	
	.comentario-backoffice-detalles-principal { margin-top: 0px; }
	.comentario-backoffice-detalles { margin: 10px 0; }
	.comentario-backoffice-detalles-select { margin-right: 0 !important; margin-bottom: 20px !important; }
}