.break-all {
	word-break: break-all; 
}
.massive-option-notification {
	padding-left: 16px;
    border-left: 1px #CCCFCF solid;
}

.header-bar-user .profile {
	z-index: 1;
}
.hero.bg-rojo .breadcrumbs {
    color: #FFFFFF !important;
}
.bg-rojo .not-hero .breadcrumbs img {
    filter: none !important;
}
.hero .linea-blanca.centered {
    margin-left: 0px;
}
.uppercase {
	text-transform: uppercase;
}
.border { border: solid 1px #CCCFCF; }
.hidden-submit {
	border:0;
	padding:0px;
	font-size:0em;
	outline:0px;
}
input.search {
    background: url(/images/icon/search-gris.svg) no-repeat 16px 28px;
    width: 100%;
    padding: 26px 16px 26px 52px;
    border-radius: 20px;
    border: solid 1px #CCCFCF;
    line-height: 28px;
    font-family: Lato;
    font-size: 16px;
}
.search-works {
	padding: 96px 0;
}
.obra .excerpt {
	max-height: 78px;
	overflow-y: hidden;
}
.creaciones-listado .card {
	height:100%;
}
.creaciones-listado .card .card-imagen {
	    width: 100%;
}
.creaciones-listado .card .card-imagen .imagen-img {
    object-fit: cover;
    height: 200px;
    width: 100%;
}
.nofloat-content .creaciones-listado, .modal-contenido .creaciones-listado {
	grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width:820px){
	.nofloat-content .creaciones-listado, .modal-contenido .creaciones-listado {
		grid-template-columns: repeat(1, minmax(0,1fr));
	}
}
.clickable { cursor: pointer; }
.padding_64{padding:64px;}
.mb-4 { margin-bottom: 4px !important; }
.ml-10 { margin-left: 10px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-64 { margin-top: 64px !important; }
.mx-8{ margin-left: 8px !important; margin-right: 8px !important;}
.mr-4 { margin-right: 4px; }
.mr-1em { margin-right: 1em; }
.m-auto{ margin: auto !important; }
.pr-32 { padding-right: 32px !important; }
.pt-96 { padding-top: 96px !important; }
.gap-4  { gap:  4px !important;}
.gap-40 { gap: 40px !important;}
.gap-48 { gap: 48px !important;}
.gap-64 { gap: 64px !important;}
.position-static { position: static !important; }
.label_top { display:inline-block; margin-bottom: 4px; }
.flex-0 { flex-grow: 0; flex-shrink: 0; }
.flex-1-0 { flex: 1 1 0px; }
.align-items-baseline {align-items: baseline;}
.txt-success { color: #27c31c; }

.form-select option { padding: 20px; }

.select-container .form-check-input {
    width: 24px;
    height: 24px;
}

.editable {
	cursor: pointer;
}
tr.editable:hover {
	background-color: var(--grey_background);
}
.card.editable:hover {
	border-color: black;
	/*
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	*/
}

.width-fit-content{width:fit-content !important; }
.height-100{height:100% !important; }
.overflow-auto { overflow: auto; }
.boxError {
	color: var(--color-rojo);
}

.svg-invert{filter: invert(100%);}

.form-select { padding-right: 42px; }

.row { padding-top: 2px; }

.h-100 { height: 100% !important; }

.ops-column .boton-icon {
	padding: 10px 2px;
}

.enlace-L { font-size: 18px; font-weight: 700; line-height: 28px; text-decoration-line: underline;}

.pricing-table-cell,
.pricing-table-cell-header { height: 80px;}

@media (max-width: 820px) {
	.pricing-table-cell,
	.pricing-table-cell-header { height: auto;}
}

.boton:disabled, .boton:disabled:hover{background-color: #999999 !important; border-color:#999999 !important; cursor: auto; } 
.boton:disabled:hover IMG{opacity: 1 !important; } 

.funcionalidades-body {
	gap: 32px;
}

.work-info .tags{ display: flex;flex-direction: row; align-items: flex-start; gap: 8px; flex-wrap: wrap; }
.work-info .tags .tag { padding: 4px 16px; border-radius: 8px; border: solid 1px #999; color: #999; background: #fff; font-size: 14px;font-weight: 500;line-height: 22px; }
.work-info .tags .tag.workType { color: #fff; background-color: #000; }

input[type="text"], input[type="number"], input[type="date"], input[type="password"], textarea, select{ 
	background-color: #fff !important;
}


a.boton { text-decoration: none; }
.boton[disabled], .boton[disabled]:hover{background-color: #999999 !important; border-color:#999999 !important; cursor: auto; } 
.boton[disabled]:hover IMG{opacity: 1 !important; } 

.checkboxChoice > label {
	display: block;
	margin-bottom: 4px;
}
.checkboxChoice.inline > label {
	display: inline-block; 
}
.checkboxChoice.inline > label:not(:first-child) {
	padding-left: 12px;
}

.checkboxChoice > label > label {
	padding-left: 3px;
}

.licenseListPanel table thead {
	display:none;
}
.licenseListPanel .license-img-column img {
	max-height: 24px; 
}

.text-license  {
	text-align: left;
}
.text-license a {
	text-decoration: none !important;
}
.text-license a > label {
	font-size: 120%;
	display:block;
}
.text-license a > i {
	font-size: 90%;
	display:block;
}
.text-license a > .licensename {
	display:block;
	text-align: center;
	margin-top:4px;
}
.text-license .button {
	opacity: 1 !important;
    padding: 8px 12px;
}

.licence{
    display:inline-block;
    width: 100%;
    padding:8px 24px;
    position:relative;
    border-radius:24px;
    /* cursor:help; */
    color:#fff;
    text-align:center;
}

.licence .circle-btn{
    position:absolute;
    right:-12px;
    top:-12px;
    z-index:9999;
}

.licence .licenseLink {
	display: block;
	color: #fff;
	text-decoration: none;
	min-height: 40px;
}

.licence .proService {
	position: absolute;
	bottom: 4px;
	right: 16px;
}

.licence iframe{
    width:400px;
    height:600px;
    position:absolute;
    right:-400px;
    top:-300px;
    z-index:9998;
    display:none;
    -webkit-box-shadow: 2px 4px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 4px 10px rgba(0,0,0,0.1);
    box-shadow: 2px 4px 10px rgba(0,0,0,0.1);
}

.licence:hover iframe{
    display:block;
}

.card {
	position: relative;
}
.card .select-container {
	position:absolute;
	top: 10px;
	left: 10px;
}
.card.disabled {
    opacity: 0.5;
}

.ui360,
.sm2-360ui {
  /* size of the container for the circle, etc. */
  width:200px !important;
  height:200px !important;
}
.ui360, .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn {
	background-size: 44px 44px !important; 
}
.sm2-inline-block .ui360 .sm2-360btn,
.ui360 .sm2-360ui.sm2_playing .sm2-360btn,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn {
 /* smaller clickable button, in center */
 width:88px !important;
 height:88px !important;
 margin-left:-44px !important;
 margin-top:-44px !important;
}

.sm2-timing {
	color: #fff !important;
	line-height: 200px !important;
	font-size: 14px !important;
}

.ui360 {
  	position: absolute !important;
  	border-radius:100%;
  	top: 50%;
  	right: 50%;
  	margin-right: -100px !important;
  	margin-top: -100px !important;
  	background-color: rgba(088,088,088,0.25);
}
.ui360-vis .sm2-360ui {
  margin-left: -200px !important;
  float:right;
}
.ui360.ui360-vis {
  padding-left: 0;
}

.float-frame.obra .data {
	width: 100%;
	overflow-x: hidden;
}

@media (max-width: 820px) {
	.resultados-header {
		flex-direction: column;		
	}
	
}
.resultados-header .buscador INPUT {
	color: #000;
}

.funcionalidades-body .datos-personales{display: flex;padding-bottom: 48px;align-items: flex-start;gap: 32px;align-self: stretch;border-bottom: 1px solid #CCCFCF;}

img.logo { height: 128px; width: 128px; }

table td .data .foto{position: relative; border-radius: 90px; background-color: var(--color-rojo); width:40px; height: 40px; display: flex; align-items: center; justify-content: center;}
table td .data .foto IMG{border-radius: 90px; width: 40px; height: 40px; }
table td .data .foto .foto-nombre{ font-size: 15px; line-height: 15px; font-family: 'CodeProBlack'; color: #8689DF; margin-top: 5px;}
.header-bar-user .user .foto,
table td .data .foto { background-color: #2E3CCC; }

.column-totalRegistrations { text-align: center !important;}
.column-totalRegistrations div {
	padding: 4px 16px;
	border-radius: 8px;
	background-color: #CAEBE2;
	color: #549583;
	font-size: 14px;
	line-height: 22px;
	width: fit-content;
    margin: auto;
}
table td.column-totalRegistrations:before {line-height: 30px;}

table td.column-delegated-user-fullName,
table td.column-delegated-user-fullName:before { line-height: 40px; }

/*** info pages ***/

.info-intro-page .cuerpo{display: flex; text-align: center; flex-direction:column; gap:32px; padding: 96px 0 64px;}
	
.info-intro-page .features {display: flex; flex-direction:row; gap:32px;}
	
.info-intro-page .prevention,
.info-intro-page .certification,
.info-intro-page .registration,
.info-intro-page .variety,
.info-intro-page .experience,
.info-intro-page .professional {
	padding-top: 68px;
	display: flex; 
	text-align: center; 
	flex-direction:column; 
	gap:8px; 
	background: url(../images/info/asesoramiento.png) no-repeat top center;	
}
.info-intro-page .experience {
	background: url(../images/info/experience.png) no-repeat top center;	
}
.info-intro-page .professional {
	background: url(../images/info/verified.png) no-repeat top center;	
}
.info-intro-page .prevention {
	background: url(../images/info/prevenimos.png) no-repeat top center;	
}
.info-intro-page .certification {
	background: url(../images/info/certificamos.png) no-repeat top center;	
}
.info-intro-page .registration {
	background: url(../images/info/registramos.png) no-repeat top center;	
}

.pago-profesional .contenido {
	display: flex;
	justify-content: space-between;
	gap:32px;
}

.info-proveedores  {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.info-proveedores .images {
	display: flex;
	flex-direction: row;
	gap:32px;
}
.info-proveedores .images img {
	border: 1px #000;
}

.whyusesus {
    display: grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-gap: 32px;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;

}
.whyusesus > div { 
	max-width: 380px;
	text-align: center;
}
.info-labelsContainer {
	background-color: var(--color-blanco);
	padding: 64px;
}
.info-imageContainer {
	display: flex;
	gap: 32px;
}
.info-imageContainer > div{
	display: flex;
	flex-direction:column;
	gap: 16px;
	justify-content: flex-end;
}

.ctas{ width: 100%; }
	.ctas .contenedor-doble{ width: 50%; }
	.ctas .contenedor .textos { width: 100%; }
	.ctas .contenedor .textos .bodycopy-M { max-width: 484px; }

.feeds-container {
	display: flex; 
	flex-direction: row; 
	justify-content: center; 
	align-items: center;
	gap: 32px;
}
.contendor-video{position: relative; width: 100%; height: 0; padding-bottom: 56.25%; text-align: center}
	.contendor-video .video, .contendor-video IFRAME{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.card-pricing { min-height: 404px; }


@media (max-width:820px){
	.info-intro-page .features,
	.pago-profesional .contenido,
	.info-proveedores  { flex-direction: column; gap: 32px;}
	.aboutus-image { display: none; }
	
	.info-proveedores .images,
	.info-intro-page form,
	.info-imageContainer { flex-direction: column; }
	.info-proveedores .images img { margin: auto; }
	
	.info-labelsContainer { padding: 16px; }
	
	.info-imageContainer {
		align-items: center;
	}
	.whyusesus {
		align-items: center;
	    display: flex;
	    flex-direction:column;
	    gap: 32px;
	}
	
	.ctas .contenedor-doble{ width: 100%; }
	.feeds-container { flex-direction: column; }
}

/** FAQS **/

.help-card.seleccionado{background: var(--red_primary, #FF4E3F);;}
	.help-card.seleccionado .featured-icon{background: #FFFFFF; }
	.help-card.seleccionado .featured-icon img{filter: invert(100%); }


/*** about us **/

.aboutus-hero{width:100%; position:relative; margin:auto; z-index: 1; display: flex; align-items: center; justify-content: center;  -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none; overflow: hidden;}
	.aboutus-hero .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 96px 0;}
    .aboutus-hero .cabecera-contenido{display:flex;flex-direction: column; gap: 24px; overflow:visible; text-align:left; z-index:2; color:#ffffff; max-width: 586px; min-height: 480px;}
        .aboutus-hero .tit1{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; color:var(--color-blanco); font-family: 'CodeProBlack'; padding-bottom: 15px;}
		
	.aboutus-hero .hero-image{position: absolute; right:0px; top: 47px;}
	.aboutus-hero .linea-blanca{position: absolute; top: 47px; right:0px; background-color:var(--color-blanco); height: 16px; z-index: 2; width: 484px;}

@media (max-width:820px){	
	.aboutus-hero .cuerpo{flex-direction: column; padding: 30px 0; padding-top: 112px;}
	.aboutus-hero .cabecera-contenido{min-height: initial;}
	.aboutus-hero .tit1{ font-size:48px; line-height: 44px; }
	.aboutus-hero .hero-image{display: none; }
	.aboutus-hero .linea-blanca{top: 47px;}
	
}

/*** recomendar **/

.recomendar-hero{width:100%; position:relative; margin:auto; z-index: 1; display: flex; align-items: center; justify-content: center;  -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none; overflow: hidden;}
	.recomendar-hero .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 96px 0;}
    .recomendar-hero .cabecera-contenido{display:flex;flex-direction: column; gap: 24px; overflow:visible; text-align:left; z-index:2; color:#ffffff; max-width: 586px; min-height: 480px;}
        .recomendar-hero .tit1{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; color:var(--color-blanco); font-family: 'CodeProBlack'; padding-bottom: 15px;}
		
	.recomendar-hero .hero-image{position: absolute; right:0px; top: 96px;}
	.recomendar-hero .linea-blanca{position: absolute; top: 96px; right:0px; background-color:var(--color-blanco); height: 16px; z-index: 2; width: 484px;}

.recomendar-social-proof{padding-top:96px; padding-bottom: 32px;}
	.recomendar-social-proof .container{display:flex; flex-direction: column;align-items: center;gap: 16px;}
	.recomendar-social-proof .logos{display: flex;justify-content: space-between;align-items: center;align-self: stretch;}

.recomendar-web {padding: 96px 0px 160px 0px; }
.recomendar-imagen-pie { height: 516px }
.recomendar-imagen-pie img { margin-top: -96px }

@media (max-width:820px){	
	.recomendar-hero .cuerpo{flex-direction: column; padding: 30px 0; padding-top: 112px;}
	.recomendar-hero .cabecera-contenido{min-height: initial;}
	.recomendar-hero .tit1{ font-size:48px; line-height: 44px; }
	.recomendar-hero .hero-image{display: none; }
	.recomendar-hero .linea-blanca{top: 47px;}
	
	.recomendar-social-proof { padding: 64px 0 56px;}
		.recomendar-social-proof .container{gap:40px;}
		.recomendar-social-proof .heading-M{font-size: 24px; line-height: 24px; }
		.recomendar-social-proof .logos{display: grid;grid-template-columns:repeat(2,minmax(0,1fr)); order: 2; width: 214px; margin:auto; }
	
	.recomendar-web {padding: 64px 24px 56px 24px; }
	
	.recomendar-imagen-pie { display: none; }
}
/* AGENT DIRECTORY */

.agent-directory-list .cuerpo {display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); padding-bottom: 64px; }
.agent-directory-list .cuerpo .agent-directory-card { 
	text-align: center;
	position: relative;
	margin: 16px; 
	padding: 124px 24px 24px 24px; 
	background: var(--color-blanco);
	min-height: 354px;
}
.agent-directory-card .agentLogo {
	position: absolute;
	top: 0px;
	left: calc(50% - 40px);
	height: 80px;
	width: 80px;
	border-radius: 40px;
}
.description-agent-wrap {
	display: box;
	display: -webkit-box;
	height: 78px;
  	margin: 0 auto;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
 }


@media (max-width:820px){	
	.agent-directory-list .cuerpo {grid-template-columns: repeat(1, minmax(0,1fr)); }
}

/**** FAQS ***/
.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 .buscador img{  filter: invert(44%);}
.buscador-pagina .resultados{margin-top:16px; font-style: italic; font-size: 18px;line-height: 28px;}



.nofloat-content .tabs{
	width: 100%;
}
.nofloat-content .tabs .cuerpo {
	width: 100%;
}

.input-button-group {
	display: inline-flex;
}
.input-button-group > * {
	border-radius: 0;
}
.input-button-group > :first-child {
	border-radius: 16px 0 0 16px;
}
.input-button-group > :last-child {
	border-radius: 0 16px 16px 0;
}

/** AUTOCOPLETE **/
.wicket-aa-container {
	background: #fff;
	border: solid 1px #eee;
}
.wicket-aa ul {
	padding: 0;
}
.wicket-aa ul li {
	list-style: none;
	padding: 2px 4px;
}
.wicket-aa ul li.selected {
	background: var(--color-rojo);
	color: #fff;
}

/*** cards ***/
table.DETAILS.card-list > tbody { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-gap: 16px;}
table.DETAILS.card-list.with-filters > tbody { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); grid-gap: 16px;}
table.DETAILS.card-list > tbody > tr { display: grid; }
table.DETAILS.card-list .card { height:100%; 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; background-color: #ffffff; z-index: 0; overflow-wrap: break-word;}
table.DETAILS.card-list .card .card-imagen { position: relative; z-index: -1; width: 100%;}
table.DETAILS.card-list .card .card-imagen .imagen-img { object-fit: cover; height: 186px; width: 100%;}
table.DETAILS.card-list .card .options,
.folder-container .options { position: absolute; right: 6px; top: 8px; border-radius: 8px; padding: 4px; background: rgba(255,255,255,0.7); }
table.DETAILS.card-list .card .tipo { 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;}
table.DETAILS.card-list .card .card-textos { padding: 16px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%;}

@media (max-width:820px){
	table.DETAILS.card-list > tbody,
	table.DETAILS.card-list.with-filters > tbody  { display: flex; flex-direction: column; gap: 16px;}
}

table.DETAILS.card-list .card .card-imagen .imagen-img.rounded { object-fit: contain; height: 186px; width: 186px; display:block; margin: auto; border-radius:50%; }

/**** FOLDER ***/

.folder-container {
	display: flex;
	flex-direction: column;
	position: relative; 
	max-width: 100%;
	padding: 4px 8px;
	margin-bottom: 8px; 
	justify-content: center;
	align-items: flex-start; 
	gap: 0;
	align-self: stretch;
	border: 1px solid var(--black, #000);
	color:#000;
}

.folder-container .overlayLink {
	position: absolute; width: 100%; height: 100%; background: transparent;
}

.folder-container .name { padding-right: 24px; word-break: break-word;}
.folder-container .options { right: 4px; top: 8px; padding: 4px; }
.folder-container.selected {
	background-color:#000;
	color:#fff;
}
.folder-container.selected .options { background: #000; }
.folder-container.selected .dropdown-trigger img{ filter: invert();}
.folder-container.selected .dropdown-trigger img{ filter: invert();}

a.dropdown-trigger { display: block; }

/**** LABELS ***/

.label-link {
	display: flex; 
	max-width: 350px;
	min-height: 128px; 
	padding: 24px; 
	justify-content: center;
	align-items: center; 
	gap: 8px;
	align-self: stretch;
	border: 3px solid var(--black, #000);
	color:#fff;
}
.label-link.no-border {
	border: none;
}
.label-link.rojo {
	background:var(--color-rojo);
}
.label-link span { text-align:center; }


.labelContainer{
	display:block; 
	text-decoration: none;
	max-width: 100%;
	text-align: center;
	padding: 24px;
	margin: 8px;
	border:1px solid #d1d1d1;
}
.labelContainer iframe {
	width: 100%;
	height:116px;
	margin : 40px auto;
}

.workLabelContainer {
	flex: 0 0 auto;
	width: 270px;
}


.workLabelContainer .label {
	display: flex;
	gap: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: solid 3px black;
	padding: 24px;
	width: 100%;
	height: 128px;
	text-decoration: none;
	margin-bottom: 16px;
}
.workLabelContainer .label.rojo {
	background-color: var(--color-rojo);
	color: #fff;
}
.workLabelContainer .label:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff;
}

.workLabelContainer iframe {
	width: 100%;
	height: 100%;
	margin: 0;
}


.borde-0 { border:none; }
 
ul.tags { padding-left: 0px; }

.tags li{
    display:inline-block;
    background: var(--color-rojo) !important;
    color:#FFF;
    padding:4px 8px ;
    font-size:14px;
    line-height: 22px;
    font-weight:500;
    border-radius:8px;
    margin:0 8px 8px 0;
}

.tags li a{text-decoration: none; color:#fff; font-size:120%;}

.social-share .boton img:hover {
	opacity: 1;
}
.boton:hover .invert-on-hover {
	filter: invert();
}

.card-follower { position: relative; display: flex; flex-direction:column; gap: 16px; flex: none; padding: 16px; align-items: center; border: solid 1px #CCCFCF;}
	.card-follower .user { width: 100%; display: flex; gap: 16px; overflow: hidden; }
	.card-follower .user .foto { width: 64px; height: 64px; border-radius: 32px; object-fit: cover; flex-grow: 0; flex-shrink: 0; }
	.card-follower .user .textos { flex-grow: 1; display: flex; flex-direction: column; gap: 8px; }
	.card-follower .user .textos .name { font-family: CodeProBlack; font-size: 16px; line-height: 18px; font-style: normal;font-weight: 900; height: 36px; overflow: hidden;}
	.card-follower .user .textos .right { font-family: Lato; font-size: 15px; line-height: 18px; font-style: normal;font-weight: 400; }
	.card-follower .user .textos .right-details { font-family: Lato; font-size: 12px; line-height: 16px; font-style: normal;font-weight: 400; }
	.card-follower .options { position: absolute; top: 0; right: 0; padding: 10px 4px }	
	.card-follower .datos { width: 100%; display: flex; flex-direction: column; gap: 4px;}
	.card-follower .datos .dato { width: 100%; display: flex; flex-direction: row; gap: 4px; justify-content: space-between; align-items: center; }
	.card-follower .datos .dato .label { font-family: Lato; font-weight: 400; font-size: 12px; line-height: 18px; }
	.card-follower .datos .dato .valor { font-family: Lato; font-weight: 700; font-size: 16px; line-height: 26px; text-align:center; min-width: 24px; }
	
.svg-rojo { filter: invert(41%) sepia(77%) saturate(2507%) hue-rotate(336deg) brightness(100%) contrast(101%); }

ul.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 4px;
	background: #fff;
	display: none;
	border: solid 1px #eee;
	box-shadow: 0px 4px 12px 0px #00000014;
	margin: 0;
	padding:0;
	width: auto;
	z-index: 99;
}

ul.dropdown-menu.right {
	left: auto;
	right: 4px;
}

ul.dropdown-menu > li {
	display: block;
	list-style: none;
	padding: 0;
}

ul.dropdown-menu > li > a {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
	padding: 8px 16px;
}
ul.dropdown-menu > li:first-child > a {
	padding-top: 16px;
}
ul.dropdown-menu > li:last-child > a {
	padding-bottom: 16px;
}

ul.dropdown-menu > li > a:hover {
	text-decoration: none;
	color: var(--color-rojo);
}

.signup-platforms {
	display: flex;
	flex-direction:row;
	justify-content: center;
	align-items: end;
	gap: 24px;
	margin: 40px auto;
	flex-wrap: wrap;
}
.signup-platforms .creative { height:50px; }
.signup-platforms .creators { height:30px; }
.signup-platforms .stamper { height:58px; margin-bottom: -8px; }
.signup-platforms .tips { height:50px }

@media (max-width:820px){	
	.signup-platforms {
		margin: 32px auto;
		gap: 16px;
	}
	.signup-platforms .creative { height:40px; }
	.signup-platforms .creators { height:24px; }
	.signup-platforms .stamper { height:46px; margin-bottom: -6px; }
	.signup-platforms .tips { height:40px; }
}
/** WIZARD NO MODALES **/
	.page-wizard-pasos{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0px;gap: 12px; color: var(--color-rojo); font-size: 16px;line-height: 26px;}
	.page-wizard-pasos .pasos{height: 100%;    display: flex; justify-content: space-between; width: 100%; gap: 8px;}
	.page-wizard-pasos .bloque{display: flex;align-items: center;gap: 12px;} 
	.page-wizard-pasos .numero{ color: #fff; background-color: var(--color-rojo); 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;} 
	.page-wizard-pasos .numero.success{padding: 0; align-items: center; justify-content: center;} 
	.page-wizard-pasos .off{color:#999999;} 
	.page-wizard-pasos .numero.off{background-color:#999999; color: #fff;} 
	.page-wizard-pasos .paso{ text-wrap: nowrap;} 
	.page-wizard-pasos .linea{width: 100%;} 
	.page-wizard-pasos .linea IMG{height:2px; width: 100%;} 

	.page-wizard-pasos .off .numero{background: #CCCFCF;}
	.page-wizard-pasos .linea.off:before { background-color:#CCCFCF; }
	.page-wizard-pasos .pasos-mini{ width: 100%; padding: 20px 23px; background: #F2F4F7; color: #000;}
	.page-wizard-pasos .pasos-mini-linea{background-color: #fff; height: 8px; margin-bottom: 4px;}
	.page-wizard-pasos .pasos-mini A{text-decoration: none;}
	
	.page-wizard-pasos .paso { color: #090909; }
	.page-wizard-pasos .linea{position: relative; height: 1px; margin-top: 20px;}
	.page-wizard-pasos .linea:before {
	    content: "";
	    position: absolute;
	    left: 0px;
	    background-color: var(--color-rojo);
	    width: 1px;
	    border-radius: 1px;
	    width: 100%;
	    height: 1px;
	}
	.page-wizard-pasos .linea {
	    position: relative;
	    height: 1px;
	    margin-top: 20px;
	}
	
	@media (max-width: 1024px){
		.page-wizard-pasos .paso{display: none}
		.page-wizard-pasos .paso.activo{display: block}
	}
	@media (max-width:820px){
		.page-wizard-pasos{order: 0; width:100%; padding: 0; height: auto; gap: 0; overflow: visible;}
		.page-wizard-pasos .pasos{height: auto; padding: 24px 23px;display: none; border-top: 1px solid #E7E7E7; position: absolute; background: #F2F4F7; z-index: 99; top: 145px;}
		.page-wizard-pasos .paso { display: block;}
		.page-wizard-pasos .linea{height: 32px;}
		.page-wizard-pasos .heading-XS{    background-color: #fff; padding: 24px; width: 100%;}
	}
	


		.almacenamiento{display: flex;padding-bottom: 48px;flex-direction: column;align-items: flex-start;gap: 40px;align-self: stretch;border-bottom: 1px solid #CCCFCF;}
			.espacio{display: flex;align-items: flex-start;align-self: stretch;}
			.espacio .uso{background: #F2F4F7; height: 50px; width: 100%; max-width: 75%; display: flex; position: relative;}
			.espacio .uso .info{position: absolute; top: 0; bottom: 0; display: flex; justify-content: center;}
			.espacio .info{display: flex;padding-left: 16px;flex-direction: column;align-items: flex-start;}

.formulario .form-items{width: 100%; display: flex; gap: 32px; align-items: center; justify-content: center; }
.opcion{ display: flex; gap: 12px; margin-bottom: 8px;}

.obra-declaracion{display:flex; gap: 32px;}


/************ MODALES ***************************/

.modal .modal-contenido { text-align: left; }
.modal .modal-pasos .pasos{height: 100%;    display: flex; justify-content: space-between; width: 100%; gap: 8px;}
.modal .modal-pasos .off .numero{background: #CCCFCF;}
.modal .modal-pasos .linea.off:before { background-color:#CCCFCF; }
.modal .pasos-mini{ width: 100%; padding: 20px 23px; background: #F2F4F7; color: #000;}
.modal .pasos-mini-linea{background-color: #fff; height: 8px; margin-bottom: 4px;}
.modal .pasos-mini A{text-decoration: none;}

.modal .modal-pasos .paso { color: #090909; }
.modal .modal-pasos .linea{position: relative; height: 1px; margin-top: 20px;}
.modal .modal-pasos .linea:before {
    content: "";
    position: absolute;
    left: 0px;
    background-color: var(--color-rojo);
    width: 1px;
    border-radius: 1px;
    width: 100%;
    height: 1px;
}

.modal .modal-contenido .pago-profesional{ padding:48px 0 36px 0; }

.modal-full.modal-wizard .modal-contenido { justify-content: center; }

.modal-full .modal-cerrar {
    left: auto;
    right: 24px;
}
.modal-full.modal-wizard .modal-cerrar,
.modal-full.modal-registro .modal-cerrar {
    left: 24px;
    right: auto;
}

.modal { max-height: 100%; }

.modal-dialog-content { display:flex; flex-direction: column; max-height: 100%; }

.modal-edicion > .modal > .modal-dialog-content > .modal-contenido { height: auto; }

.modal-full > .modal > .modal-dialog-content { height: 100%; }

.modal-full > .modal { height: 100%; }

.modal-contenido {
	flex: 0 1 auto;
    overflow-y: auto;
}
.modal-full .modal-contenido {
	flex: 1 1 auto;
    overflow-y: auto;
}
.modal-header { flex: none; }
.moda .botones { flex: none; }

/* Modales anidados dentro de modal-wizard */ 
.modal-full.modal-wizard .modal-contenido .modal { position: fixed; flex-direction: column; }
.modal-full.modal-wizard .modal-contenido .modal-contenido { width: 100%; }
.modal-full.modal-wizard .modal-contenido  .modal-cerrar { left: auto; right: 24px; }
.modal-full.modal-wizard .modal-contenido  .modal-dialog-content { width: 100%; }
/***/

@media (max-width:820px){
	.modal { margin: 0; }
	.modal-dialog-content { height: 100%; width: 100%; }
	.modal { height: 100%; width: 100%;}
	.modal-contenido { flex-grow: 1; }
	.modal-full.modal-wizard .modal-cerrar { left: auto; right: 24px; }
}

/************************************/

.subir {
    left: 10px;
    right: auto;
}

.pie {
	padding: 60px 0;
}

.flex-responsive {
	display: flex;
	flex-direction: row;
	gap: 8px;
}
.flex-wrap { flex-wrap: wrap; }


@media (max-width:820px){
	.espacio .uso{ max-width: 100%; }
	.obra-declaracion{flex-direction: column; gap: 16px;}
	.modal .modal-pasos{order: 0; width:100%; padding: 0; height: auto; gap: 0; overflow: visible;}
	.modal .modal-pasos .pasos{height: auto; padding: 24px 23px;display: none; border-top: 1px solid #E7E7E7; position: absolute; background: #F2F4F7; z-index: 99; top: 145px;}
	.modal .modal-pasos .paso { display: block;}
	.modal .modal-pasos .linea{height: 32px;}
	.modal .modal-pasos .heading-XS{    background-color: #fff; padding: 24px; width: 100%;}
	.formulario .form-items{flex-direction: column;gap: 16px;}
	.modal-full {justify-content: flex-start; overflow: auto;}
	.modal-full > .modal{flex-direction: column; min-height: 100%; flex-grow: 1; flex-shrink: 0; position: initial;}
	.modal-full.modal-wizard .modal { height: 100%; }
	.modal-full.modal-wizard .modal-contenido, .modal-full.modal-wizard .modal-contenido.centrado {
		flex-grow: 1;
		justify-content: start;
	}
	.flex-responsive {
		flex-direction: column;
	}

}

/*** SUSCRIPCION MODAL **/
.modal .suscripcion{gap: 0px;}
.modal .suscripcion a {text-decoration: none;}
.modal .suscripcion a {text-decoration: none;}
.modal .suscripcion .submenu .codePro {
    font-size: initial; 
    line-height: initial; 
}
.modal .suscripcion .submenu li A {
    font-size: initial;
    line-height: initial;
    padding: 8px 24px;
}

.modal .suscripcion .submenu .descuento {
    right: 4px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
}

.modal .suscripcion .card-pricing {
    padding-bottom: 24px;
    gap: 16px;
}
.modal .suscripcion .tarifas UL {
    gap: 2px;
}

.card-pricing .contenedor.features {
	flex-grow: 1;
}

/** CROPPIE Y FOTO NOMBRE */

.nofloat-frame .foto {
    border-radius: 200px;
    width: 132px;
    height: 132px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #2E3CCC;
    display: flex;
    align-items: center;
    justify-content: center;
}
.float-frame .data .textos {
    word-break: break-word;
}
.float-frame .data .foto .foto-nombre,
.nofloat-frame .foto .foto-nombre{ font-size: 48px; line-height: 48px; font-family: 'CodeProBlack'; color: #8689DF; margin-top: 12px;}

.nofloat-frame { position: relative; }
.nofloat-frame .nofloat-banner { 
	position: relative;
	z-index: 4;
	background: var(--grey_background); 
	padding: 16px; 
	width: 100%; 
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: -48px;
}

.croppie-container .cr-boundary{width: 443px;height: 330px; }
.croppie-container {width: 443px;height: 332px; margin: auto; }
.croppie-container .cr-slider-wrap { margin: 8px auto; }

/** AUTOCOMPLETE *********/

.autocomplete {
	height: 130px;
	overflow: scroll;
	border: 1px solid #999999;
	background-color: white;
}
.autocomplete ul {
	list-style: none;
	padding-left: 0px;
}
.autocomplete li {
	padding: 6px 0 6px 16px;
	cursor: pointer;
}
.autocomplete li.selected {
	background-color: rgb(255,78,63,0.4);
}


/** MENU DE DASHBOARD *********/

.options-section.open .options { display: grid; }
.options-section .options .container {
    display: grid;
    grid-auto-rows: 100px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 32px;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
} 


/*************** LIST PANEL ******************/

.filters-tr input[type="text"], .filters-tr input[type="number"], .filters-tr input[type="date"], .filters-tr input[type="password"], .filters-tr textarea, .filters-tr select{ 
	padding: 8px; 
}

.filters-tr th { background: #fff; padding: 0 8px; }

.tabla-responsive td { min-height: 34px; }

.tabla-responsive td:before {
    overflow: hidden;
    text-overflow: ellipsis;
}

/************** PROGRESS BAR *****************/
.barra_progreso{
	margin-bottom: 16px;
	height: 51px;
	background:#F2F4F7;
	overflow:hidden;
	width:100%;
	position: relative;
}

.progreso{
	background:var(--color-rojo);
	width:0%;
	height: 100%;
}

.progressLabel {
	font-family: 'Lato', sans-serif;; 
	width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
	font-weight:700;
	line-height:28px;
    color: #000;
    padding: 11px 0;
}


/*** GRAFICOS ****/

.graphFeatures {
	max-height: 350px;
	overflow-y: auto;
}
.graphFeatures.checkboxChoice > label, 
.graphFeatureLinks a {
	display: block;
}
.graphFeatures.checkboxChoice > label input  {
	margin-right: 6px;
}






.modal.modal-login .modal-contenido { min-width: 500px; padding: 32px; }
.modal.modal-login .modal-cerrar a { font-size: 20px; }
@media (max-width: 520px) {
	.modal.modal-login .modal-contenido { min-width: auto; width:100%; }
}

.notfound-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;}
	.notfound-hero .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 96px 0;}
    .notfound-hero .cabecera-contenido{display:block; overflow:visible; text-align:left; z-index:2; color:#ffffff; max-width: 586px; }
        .notfound-hero .tit1{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; color:var(--color-blanco); font-family: 'CodeProBlack'; padding:40px; padding-bottom: 15px;}
        .notfound-hero .tit2{ font-size:48px; line-height: 44px; display:block; clear:both; font-weight:400; color:var(--color-blanco); font-family: 'CodeProBlack'; padding:40px; padding-bottom: 15px;}
		
	.notfound-hero .hero-image{position: absolute; top: 0; right: 0; bottom: 0; width: 750px; }
	.notfound-hero .linea-blanca{position: absolute; top: 0; right:0px; background-color:var(--color-blanco); height: 16px; z-index: 2; width: 484px;}
	.notfound-hero .hero-image img {width: 100%; height: 100%; max-width: none;}

@media (max-width:820px) {
	.notfound-hero {flex-direction: column; min-height: auto;}
	.notfound-hero .cuerpo{flex-direction: column; padding: 30px 0; padding-top: 112px;}
	.notfound-hero .hero-image {display: none;}
	.notfound-hero .linea-blanca{display: none;}
	.notfound-hero .tit1 {font-size: 40px; line-height: 40px; padding:16px 16px 8px 16px;}
}

/******************************** MESSAGE BOX */

.icon-error-rojo { filter: invert(86%) sepia(81%) saturate(6465%) hue-rotate(344deg) brightness(96%) contrast(106%); }
.icon-info-azul { filter: invert(80%) sepia(63%) saturate(6976%) hue-rotate(239deg) brightness(101%) contrast(92%); }

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

.modal-header {text-align: left;}

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


@media (max-width:820px){
	.modal .botones {  padding: 24px 23px; gap:16px; display: flex; flex-direction: column; }
	.modal .botones .boton { display: block; margin: 0; width: 100%;}
	.modal .mensaje{ align-items: flex-start; line-height: 16px;}
	.enviado-ok .respuesta{font-size: 18px;font-weight: 700;line-height: 28px;}
	.enviado-ok IMG{width: 72px; height: 72px;}
	.modal-ok .modal-contenido { max-height: Calc(100% - 68px - 60px) !important; height: Calc(100% - 68px - 60px) !important;    text-align: center;}
	
	.columna_16{width:100%; float:none}
	.columna_15{width:100%; float:none}
}

/************ PROCESO DE REGISTRO ****************/

.modal-registro .modal-contenido.registro-obras {
	height: 100%; 
	justify-content: center; 
	align-items:center;
}
.modal-registro .storage {
	width: 800px;
	max-width: 800px;
	display: flex;
	flex-direction: column; 
	gap:40px;
}
.modal-registro .storage .espacio > .info { text-align: left; padding-left: 0px; }
.modal-registro .helpLinks {
	display: flex;
	flex-direction: row; 
	gap:16px;
}
.modal-registro .storage .espacio{
	display: flex;
	flex-direction: column; 
	gap:16px;
}
.modal-registro .storage .espacio .uso{
	max-width:100%;
}

.bloques-tipos-registro,
.bloques-tipos-registro a,
.bloques-tipos-obras {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}
.bloques-tipos-registro a {
	flex-direction: column;
}

.bloques-tipos-registro a,
.bloques-tipos-obras a {
	text-decoration: none !important;
}


.bloques-tipos-obras > div {
	background-position: center;
	background-repeat: no-repeat;
	width: 173px;
	height: 154px;
}

.bloques-tipos-obras > div > a {
	width:100%;
	height: 100%;
	display: flex;
	position: relative;
	flex-direction:column-reverse;
	text-align:center;
	padding:16px;
}
.pendingWorks {
    position: absolute;
    right: -12px;
    top: -12px;
    z-index: 2;
    background: var(--color-rojo);
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    padding: 2px 12px;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}

.previewJS {
	width: 100%;
	min-height: 450px;
}
table.registerFile {
	width: 100%;
	border-collapse: separate;
    border-spacing: 8px;
}
table.registerFile td label{
    display: block;
    color: #fff;
    background: #000;
    padding: 15px;
}

.percent {
    position: relative;
}
.percent input {
    padding-right: 22px;
    text-align: right;
}
.percent:before {
    content: '%';
    position: absolute;
    top: 13px;
    right: 8px;
    color: #888;
}
@media (max-width:820px){
	.modal-registro .modal-contenido.registro-obras {
		justify-content: flex-start; 
		align-items:center;
	}
	.modal-registro .storage { width: auto; }
	.modal-registro .helpLinks { flex-direction: column; }
	.bloques-tipos-registro,
	.bloques-tipos-obras {
		display: grid;
	    grid-template-columns:repeat(2,minmax(0,1fr));
    	grid-gap: 16px;
    	align-items: flex-start;
	    align-self: stretch;
	}
	.bloques-tipos-obras > div {
		width: auto;
		max-width: 173px;
	}	
	table.registerFile tbody,
	table.registerFile tr {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	table.registerFile tr td {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
}
/********************** 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;
	}
}