.bodycopy-XL {font-family: 'Lato'; font-size: 48px;font-weight: 400;line-height: 64px;}
.max-width-500 { max-width: 500px; }
.heading-XXS,.heading-XS,.heading-S,.heading-M,.heading-L,
.modal-header, 
.modal-full.modal-wizard .paso-title,
.card-pricing .eur-mes {font-family: 'Lato';text-transform: uppercase;}
.home .heading-XXS,.home .heading-XS,.home .heading-S,.home .heading-M,.home .heading-L,
.home .card-pricing .eur-mes {font-family: 'CodeProBlack';text-transform: uppercase;}
.home-destacados {	gap:48px; }
.home-destacados .swiper-wrapper { padding-bottom: 0px; }
.home-social-proof .logos.wrap { flex-wrap: wrap; gap: 32px; }
.home-banda .card.fit-content {
	padding: 24px;
    width: fit-content;
    margin: auto;
    border: 1px solid #CCCFCF;
    border-radius: 24px;
}
.cabecera-contenido.mini{min-height: 250px !important;}
.padding_5 { padding: 5px !important; }
.justify-content-stretch { justify-content: stretch !important; }
img.icon { max-width: unset;}

.operatorRequestHelp {
	background:var(--grey_background, #F2F4F7);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	position: absolute; top: -32px; right: 0; 
	width: 350px; max-width: 100%;
	height: 54px;

	border: solid 1px #CCCFCF; 
	padding: 12px 20px;
	z-index: 1;
}
.operatorRequestHelp .dropdown-icon {
	margin-left: auto;
	padding-left: 16px;
}
.operatorRequestHelp .requirements {
	display: none;
}
.operatorRequestHelp .requirements-title {
	display: flex;
	align-items: center;
}
.operatorRequestHelp.open {
	width: 700px; 
	height: auto;
	padding-bottom: 20px;
}
.operatorRequestHelp.open .requirements {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

@media (max-width: 820px) {
    .tipo-obras-listado {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
	.operatorRequestHelp {
		position: relative; width: 100%;
	}
}

.form-check-input { border-color: #aaafaf;}
.barra-negra-oculta  header .bg-negro,
.barra-negra-oculta header .division-pre {
	display:none !important;
}
.level-RED {
	background-color: #f88 !important;
}
.level-GREEN {
	background-color: #8f8 !important;
}
.level-YELLOW {
	background-color: #ff8 !important;
}
option.level-RED,
option.level-GREEN,
option.level-YELLOW {
	padding: 10px;
}

a .fa:hover {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.iconlink {
	text-decoration: none;
}
a.iconlink:hover span {
	text-decoration: underline;
}

.alert-info {
	background-color: #e6f7ff;
    border-left: 4px solid #1890ff;
    padding: 16px;
    border-radius: 4px;
}

.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;
}
.img-fit-contain { object-fit: contain !important; }
.border { border: solid 1px #CCCFCF; }
.border-bottom { border-bottom: 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.selected {
	border: solid 4px var(--color-rojo);
	
}
.creaciones-listado .card .card-imagen {
	    width: 100%;
}
.creaciones-listado .card .card-imagen .imagen-img {
    object-fit: cover;
    height: 200px;
    width: 100%;
}
.creaciones-listado .card .card-header { padding: 16px; display: flex; flex-direction: column; justify-content: center; min-height: 64px; width: 100%; background: var(--grey_background); }
.creaciones-listado .card.selected .card-header { background: var(--color-rojo); color:#fff; }

.nofloat-content .creaciones-listado, .modal-contenido .creaciones-listado {
	grid-template-columns: repeat(3, minmax(0,1fr));
}

.movil-inline { display: inline-block; }
@media (max-width:820px){
	.nofloat-content .creaciones-listado, .modal-contenido .creaciones-listado {
		grid-template-columns: repeat(1, minmax(0,1fr));
	}
	.movil-inline { display: none; }
}
.clickable { cursor: pointer; }
.tachado { text-decoration: line-through; }
.padding_64{padding:64px;}
.mb-4 { margin-bottom: 4px !important; }
.ml-4 { margin-left: 4px !important; }
.ml-10 { margin-left: 10px !important; }
.mr-10 { margin-right: 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; }
.mr-auto{ margin-right: auto !important; }
.m-auto{ margin: auto !important; }
.pr-32 { padding-right: 32px !important; }
.pl-32 { padding-left: 32px !important; }
.pt-12 { padding-top: 12px !important; }
.pt-16 { padding-top: 16px !important; }
.pt-96 { padding-top: 96px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-16 {padding-bottom:32px !important;}
.pb-0 {padding-bottom:0 !important;}
.px-0 {padding-left:0 !important;padding-right:0 !important;}
.px-20 {padding-left:20px !important;padding-right:20px !important;}
.gap-0  { gap:  0px !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; }
hr { width: 100%; }

.txt-success { color: #27c31c; }

.align-items-end-pc { align-items: end; }
.align-items-center-pc { align-items: center; }
@media (max-width: 820px) {
	.align-items-end-pc, .align-items-center-pc { align-items: start; }
}

.form-select option { padding: 20px; }
.form-select.error{border-width: 2px; border-color: #FD0330; }

.form-floating textarea.form-control {
	line-height: 22px;
	padding: 12px 16px;
}

.modal-full.modal-wizard .formulario .opcion {
	justify-content: start;
}

.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;
    background-color: var(--grey_background);
	-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);
}
.boton.boton-transparente{color: #000000; border: none; background-color:transparent;}
    .boton.boton-transparente:hover, .boton.boton-transparente:focus { background: transparent !important; color: #ffffff !important;cursor: pointer; border-color:#FFFFFF }

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

.columna-tabla-ancho {
	min-width: 450px;
}
.width-fit-content{width:fit-content !important; }
.height-100{height:100% !important; }
.overflow-auto { overflow: auto; }
.overflow-ellipsis { overflow-x: hidden; text-overflow: ellipsis; }
.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;
}

.plan-info {
    margin-bottom: 16px;
}
.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; } 

.checkbox-mini .form-check-input { width: 15px; height: 15px; margin-top: 0.125rem; }
.checkbox-mini .opcion { gap: 8px; }
 
.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;
}

.card-pricing .card-pricing-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	padding: 0 20px;
}

.registrationAlert, .watchAlert  {  
	position: absolute;
    top: 16px;
    width: 24px;
    height: 24px;
}

.registrationAlert { left: 16px;}
.watchAlert  { right: 16px; }


.listado-card-alineadas {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.listado-card-alineadas .card .card-textos .bodycopy-M-bold {
	text-transform: uppercase;
}

.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;
}

.float-frame .data .enlace.activo .enlace-logo {
	background: var(--color-rojo);
}
.float-frame .data .enlace.activo .enlace-logo img {
	filter: invert();
}


@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; }

table.tabla-responsive td.ops-column: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,
.info-intro-page .trademark {
	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;	
}
.info-intro-page .trademark {
	background: url(../images/info/marcas.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%; justify-content: space-between; align-items: center; }
	.ctas .contenedor { width: 100%; }	
	.ctas .contenedor-doble{ width: 49%; }
	.ctas .contenedor .textos { width: 100%; }
	.ctas .contenedor .textos .bodycopy-M { max-width: 484px; }
	.ctas .separador { width: 5px; height: 65%; background-color: #fff; }

.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; }

.busqueda-resultado .filtros {
	padding-top: 0;
}
.busqueda-resultado .filtros .categoria .nombre {
    margin-bottom: 12px;
}
.busqueda-resultado .sidebar {
	width: 261px;
	max-width: 261px;
}
.card-list thead { display: none; }


/*** ARBOL *****/

div.tree-subtree {
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

div.tree-branch {
  margin: 0px;
  padding: 0px;
}

/* node */

.tree-junction,
.tree-junction-expanded,
.tree-junction-collapsed {
    display: block;
    float: left;
	width: 16px;
	padding: 5px 0;
    text-decoration: none;
}
.tree-junction:hover,
.tree-junction-expanded:hover,
.tree-junction-collapsed:hover {
    text-decoration: none;
}
.tree-junction-expanded {
  background-image: url(/img/tree_down.png);
  background-position: 0 center;
  background-repeat: no-repeat;
}
.tree-junction-collapsed {
  background-image: url(/img/tree_right.png);
  background-position: 0 center;
  background-repeat: no-repeat;
}

span.tree-content {
  display: block;
  margin: 0;
  padding-left: 16px;
}

/* content */

span.tree-content a {
  color: black;
  text-decoration: none;
  width: 100%;
}

span.tree-content a:hover {
  	text-decoration: none;
}

span.tree-content .selected {
    background-color: black;
    color: white;
    font-weight: bold;
}

.tree-folder-open, 
.tree-folder-closed,
.tree-folder-open {
  display: inline-block;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding: 5px 5px 5px 28px;
}

.tree-folder-open {
	background-image: url(/img/folder_open.png);
}
.tree-folder-open.selected {
	background-image: url(/img/folder_open_white.png);
}
.tree-folder-closed {
	background-image: url(/img/folder_closed.png);
}
.tree-folder-closed.selected {
	background-image: url(/img/folder_closed_white.png);
}
.tree-folder-other {
  	background-image: url(/img/folder-closed.png);
}






@media (max-width:820px){
	.home-hero .description .heading-L { font-size: 56px; }
	
	.busqueda-resultado .filtros {
		padding-top: 0;
	}
	.busqueda-resultado .sidebar {
		width: 100%;
		max-width: 100%;
	}
	.resultados-header { margin-bottom: 16px; }
	.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%; }
	.ctas .contenedor-doble .botones-marcas{ display: contents; }
	.ctas .contenedor-doble .botones-marcas .boton-info{ margin-left: 0px !important; }
	.ctas .separador { width: 75%; height: 5px; }
	
	.feeds-container { flex-direction: column; }
	
	.card-pricing .card-pricing-content {
		flex-direction: column;
		gap:16px;
	}

	
}

/** HELP CARDS y FAQS **/

.help-card{position: relative}

.help-card .content {
    font-family: 'Lato';
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}

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

.is-new {
    position: absolute;
    top: 4px;
    right: 4px;
    font-family: 'Lato';
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    color: white;
    background: var(--red_primary);
    padding: 8px 8px 4px;
    border-radius: 20px;
}

/*** 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;}


.tabs A { text-align: center; }

.tabs.large a {
    font-size: 18px;
}

.nofloat-content .tabs{
	width: 100%;
}
.nofloat-content .tabs .cuerpo {
	width: 100%;
}
#registrationSource ul {
	justify-content: center;
}
@media(max-width: 820px) {
	#registrationSource ul {
		justify-content: start;
	}	
}

.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%; }

.trademarks .card-list {
	max-height: 816px; overflow-y: scroll;
}
.trademarks .card-list .card{
	cursor: pointer; height:100%; border: 1px solid #CCCFCF; display: flex; flex-direction: column; gap: 16px; justify-content: flex-start; align-items: center; color: #000; white-space: normal; position: relative; background-color: #ffffff; z-index: 0; overflow-wrap: break-word; padding: 32px 8px 16px 8px; 
}
.trademarks .card-list .card:hover {
	border: 1px solid #000;
}
.trademarks .card-list .card.selected {
	border: 2px solid #FF4E3F;
}
.trademarks .card-list .card .options { position: absolute; right: 0px; top: 2px; border-radius: 8px; padding: 4px; background: rgba(255,255,255); }
.trademarks .card-list .card .card-imagen { position: relative; z-index: -1; width: 100%;}
.trademarks .card-list .card .card-textos { width: 100%;}
.trademarks .card-list .card .card-imagen .imagen-img { object-fit: cover; max-height: 228px; width: 100%;}
.card .card-textos { position: relative;}
.card .card-textos .flag { position: absolute; top: 16px; right: 16px; width: 16px; }


/**** 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; background: #fff; }
.folder-container.selected .dropdown-trigger { background: #000; }

/**** 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;
}

.white-space-pre { white-space: pre; }
.nowrap { white-space: nowrap; }
.borde-0 { border:none; }
 
ul.tags { padding-left: 0px; }

.boton-icon img { max-width: none; }

.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; background-color: #2E3CCC; display: flex; align-items:center; justify-content: center; overflow:hidden;}
	.card-follower .user .foto .foto-nombre { font-size: 32px; line-height: 32px; font-family: 'CodeProBlack'; color: #8689DF; margin-top: 7px; }
	.card-follower .user .textos { flex-grow: 1; display: flex; flex-direction: column; gap: 8px; overflow-x:hidden; }
	.card-follower .user .textos .name { font-family: Lato; text-transform: uppercase; 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; }

.work-edit .inscription-column { width: 300px; }
@media(max-width: 820px) {
	.work-edit .inscription-column { width: 100%; }
}	
.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%;}
	}
	

.modal-full.modal-wizard .modal-contenido {
	min-width: 500px;
}
.modal-full.modal-wizard .modal-pasos {
	max-width: 500px;
	min-width: 350px;
	padding-right: 56px;
	gap: 40px;
	flex: 0;
}
@media (max-width: 820px) {
	.modal-full.modal-wizard .modal-contenido {
		min-width: unset;
	}
	.modal-full.modal-wizard .modal-pasos {
    	max-width: none;
    	padding: 0;
    	gap: 16px;
    }
}

		.almacenamiento{display: flex;padding-bottom: 48px;flex-direction: column;align-items: flex-start;gap: 24px;align-self: stretch;border-bottom: 1px solid #CCCFCF;}
			.espacio{display: flex; flex-direction: column; gap: 8px; align-items: flex-start;align-self: stretch;}
			.espacio .uso{background: #F2F4F7; height: 50px; width: 100%; display: flex; position: relative; border: solid 1px var(--grey_1); }
			.espacio .uso .info{position: absolute; top: 0; bottom: 0; display: flex; justify-content: center;}
			.espacio .info{display: flex;padding-left: 15px;flex-direction: column;align-items: flex-start;}
			.espacio .destacado-{display: flex;padding-left: 15px;flex-direction: column;align-items: flex-start;}
			.modal-pasos .espacio { flex-direction: column; }
			.modal-pasos .espacio .uso { max-width: none; background: #fff; }
			.modal-pasos .espacio .info.bodycopy-M-bold {font-size: 14px !important;}
			.modal-pasos .espacio .destacado-M {font-size: 14px !important;}
			.modal-pasos .espacio .disclaimer-M {font-size: 12px !important;}
			.modal-pasos .storage-title { display:none; }
			
.formulario .form-items{width: 100%; display: flex; gap: 32px; align-items: center; justify-content: center; }
.opcion{ display: flex; gap: 12px; margin-bottom: 8px; }
.form-check-input {
    background-size: 60% 60%;
    margin-top: 2px;
    flex-shrink: 0;
}

.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: 16px; align-items:center; }
.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 { gap: 16px; }
.modal .modal-pasos .paso { color: #090909; }
.modal .modal-pasos .linea{position: relative; height: 1px; }
.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-pasos .pasos { align-items: start; }
.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%; }
.modal-full.modal-wizard .modal-contenido .modal-force-block .modal {
    position: relative;
    display: block;
    height: initial;
    max-height: 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;
	}

}

.submenu li.disabled A,
.submenu li.disabled:hover A {
	border-color: var(--grey_background);
	background-color: var(--grey_background);
	color: #999;
	pointer: normal;
}

/*** 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;
}

.introduccion {
    margin-right: 24px;
    display: inline-block;
    line-height: 20px !important;
}

/** 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;
}

/************** PROGRESS BAR *****************/
.ai_human_bar{
	height: 24px;
	background:var(--color-rojo);
	border-radius: 8px;
	overflow:hidden;
	width:100%;
	position: relative;
}

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

.ai_human_bar .human_label {
	font-family: 'Lato', sans-serif;; 
	position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
	font-weight:700;
	line-height:14px;
    color: #fff;
    padding: 5px 8px;
}
.ai_human_bar .ai_label {
	font-family: 'Lato', sans-serif;; 
	position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
	font-weight:700;
	line-height:14px;
    color: #fff;
    padding: 5px 8px;
}

/*** GRAFICOS ****/

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




input:checked + .slider { background-color: var(--color-rojo); }
.switch .slider { display:flex; text-align: center; color: #fff; align-items:center; font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 0 4px; background-color: #aaa; }
.switch .slider span { flex: 1; }
.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;
}
table.registerFile tr td.filename {
	white-space: nowrap;
}

.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 {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	table.registerFile tr {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	table.registerFile tr td {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 4px;
	}
	table.registerFile tr td.filename {
		width: 100%;
		display: flex;
		flex-direction: row;
		gap: 4px;
	}
}

/******** CARRUSELES HOME *********************/
.home-plataforma-1 {
	flex-direction: column;
}
.home-plataforma-1 .item {
	width: 100%;
	display: flex;
	gap: 32px;
	align-items: center;
}
.home-plataforma-1 .item .item-intro {
	flex: 0 0 250px;
}
.home-plataforma-1 .item .item-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
}
.creatorsFrame {
	width:100%; height: 370px; border:0;
}
.home-plataforma-1 .item .item-content .item-cards {
	display: flex;
	gap: 16px;
	flex-wrap: nowrap;
	overflow: hidden;
	align-items: center;
	width: 100%;
}
.tips-article {
	flex: 1 0 0;
	border: solid 1px #888;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 0;
	align-self: stretch;
}
.tips-article:hover {
	text-decoration: none;
}
.tips-article img {
	width: 100%;
	aspect-ratio: 3 / 2;
	border-bottom: solid 1px #ddd;
	object-fit: cover;
}
.tips-article .texts {
	padding:8px;
}
.creators-work {
	flex: 1 0 0;
	border: solid 1px #888;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 0;
	align-self: stretch;
}
.creators-work:hover {
	text-decoration: none;
}
	
.creators-work img {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-bottom: solid 1px #ddd;
	object-fit: cover;
}
.creators-work .texts {
	padding:8px;
	overflow-x: hidden;
}

@media (max-width: 820px) {
	.home-plataforma-1 .item {
		flex-direction: column;
		align-items: start;
	}
	.home-plataforma-1 .item .item-intro {
		flex: 1;
	}
	.home-plataforma-1 .item .item-content {
		flex: 1;
		width: 100%;
	}	
	.home-plataforma-1 .item .item-content .item-cards {
		flex-direction: column;
		height: auto;
	}
}


/********************** 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;
	}
}
.header-bar-user .profile .profile-menu ul { display: flex; flex-direction:column; gap: 16px; }
.header-bar-user .profile .profile-menu ul li { padding:0; }
.header-bar-user .profile .profile-menu ul li.separacion-gris { margin:0; }
.header-bar-user .profile .boton { margin:40px 0 0 0; }
@media (max-width:820px){		
	.header-bar .navegacion { display: block; }
	.header-bar-user .profile .boton {
        display: inline-block;
        color: #fff;
        padding: 4px 16px;
        gap: 8px;
        font-size: 11px;
        line-height: 20px;
        margin-top: 16px;
    }
    .header-bar .navegacion LI:hover A.navegacion-link::before,
    .header-bar .navegacion LI.activo A.navegacion-link::before {
    	bottom: -12px;
    }
}

@media (max-width:820px){
	.boton-width-max {
		width: 100%;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

.collapsable {	position:relative; display: block;	width: 100%; padding: 0; background-color: #fff; background-clip: padding-box; border: 1px solid #CCCFCF; appearance: none; border-radius: 16px; box-shadow: false; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #000;
	background-image: url('/images/icon/arrow-down.svg');
	background-position: top 12px right 16px; 
	background-repeat: no-repeat;
}
.collapsable.expanded {
	background-image: url('/images/icon/arrow-up.svg'); 
}
.collapsable .collapsable-help { display:none; position: absolute; top: 48px; right: 15px; background: #fff; }
.collapsable .collapsable-title { display: block; width: 100%; padding: 9px 40px 9px 16px; font-size: 16px; font-weight: 500; line-height: 1.5; color: #000; }
.collapsable .collapsable-content { display: none; width: 100%; padding: 16px; transition: display 0.15s ease-in-out; }
.collapsable.expanded .collapsable-content { display: block; }
.collapsable.expanded .collapsable-help { display:block; }
.collapsable.with-help .collapsable-content { padding-right: 48px; }

.slideContainer { display: flex; flex-direction:row; gap: 8px; align-items: center; }
.slideContainer .inputContainer { display: flex; flex-direction:column; gap: 4px; align-items:center;}
.slideContainer .inputContainer input { text-align:center; width: 85px; }
.slideContainer .inputContainer label { text-align:center; white-space: nowrap; }
.slideContainer .slide { margin-top: 30px; }

/*
@media (max-width:820px){
	.slideContainer { flex-direction:column; }
	.slideContainer .inputContainer { flex-direction:row; align-items: center; width: 100%;}
	.slideContainer .slide { margin-top: 0; }
}
*/

.tippy-content p { font-weight: 400; margin-bottom: 4px; }
.tippy-content ul { padding-left: 24px; }
.tippy-content li { margin-bottom: 4px; }

.boton-grupo { display: flex; flex-direction: row; gap: 1px; }
.boton-grupo .boton { border-radius: 0; }
.boton-grupo .boton:first-child { border-radius: 16px 0 0 16px; }
.boton-grupo .boton:last-child { border-radius: 0 16px 16px 0; }

.float-hero-sidebar {
	align-items: stretch;
}

.float-hero-sidebar .float-frame {
	position: static;
	flex-direction: column;
	gap: 0;
    justify-content: start;
    align-items: stretch;
    width: 300px;
    height: unset;
}
.float-hero-sidebar .nofloat-banner {
	position: absolute;
	margin-bottom: 0;
}
.float-hero-sidebar .nofloat-frame {
    width: Calc(100% - (100% - 1280px)/2 - 300px);
}
.float-hero-sidebar .nofloat-frame .nofloat-content {
	margin-bottom: 0;
	padding-top: 64px;
	padding-bottom: 64px;
	gap: 16px;
}
.float-hero-sidebar.work-edit .nofloat-frame .nofloat-content {
	padding: 90px 0 0 0; 
}
.float-hero-sidebar.work-edit .sticky-movil .tabs li:first-child {
	margin-left: 32px; 
}
.float-hero-sidebar .float-frame .sticky-menu { 
	position:sticky; 
	top: 100px;
	margin-top: 50px; 
}
.work-edit .work-data {
	padding: 8px;
	border-radius: 8px 0 0 8px;
	display:flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	gap: 0;
	width: 250px;
	overflow: hidden;
	background: #000;
	color: #fff;
}
.work-edit .work-edit-header {
	border-radius: 0 8px 0 0;
	background: var(--grey_background);
}
.work-edit .work-data .work-thumbnail {
	width: 64px; 
	height: 64px; 
	object-fit: contain;
}
.work-edit .work-data .work-texts {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	max-height: 100px;
	padding: 8px;
	overflow-x: hidden;
}
.work-edit .work-data .work-code {
	font-size: 11px;
	color: var(--color-rojo);
}
.work-edit .work-data .work-title {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.work-edit .menu-sidebar {
	position:relative;
	padding: 8px 0;
	width: 250px;
	border-right: solid 1px #cccfcf;
	background: #fff;
}
.work-edit .menu-sidebar .menu-item {
	list-style: none;
	padding: 10px 0;
	margin: 0;
	width: 100%;
}
.work-edit .menu-sidebar .menu-item a {
	display: block;
	padding: 14px 14px 14px 0;
	margin: 0;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	border-right: solid 3px #fff;
	text-align: right;
}
.work-edit .menu-sidebar .menu-item a:hover {
	text-decoration: none;
}
.work-edit .menu-sidebar .menu-item a:hover,
.work-edit .menu-sidebar .menu-item.active a {
	border-right: solid 3px var(--color-rojo);
}
.work-edit .menu-sidebar .menu-item.active a {
	font-weight: 600;
}

.work-edit .tabs {
	padding-top:0;
}
.work-edit .tabs a {
	font-size: 18px;
}
.work-edit .tabs li:first-child {
	margin-left: 32px;
}
.work-edit .nofloat-banner { 
	position: relative;
	z-index: 4;
	background: var(--grey_background); 
	padding: 16px; 
	width: 100%; 
	display: flex;
	flex-direction: column;
	gap: 16px;
	border-radius: 16px;
}
.work-edit .creaciones-listado {grid-template-columns: repeat(3, minmax(0,1fr));}
@media(max-width: 1150px) {
	.work-edit .creaciones-listado {grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media(max-width: 520px) {
	.work-edit .creaciones-listado {grid-template-columns: repeat(1, minmax(0,1fr));}
}

.menu-sidebar .menu-expand {
	position: absolute;
	right:0;
	z-index: 2;
	list-style: none;
	padding: 0;
	width:100%;
	height:55px;
	margin: 0;
	display: none;
}
.menu-sidebar .menu-expand a {
	display:block;
	padding: 16px;
	width:100%;
	height: 100%;
	text-align: right;
	background: url('/images/ico-acordeon-2.png') no-repeat content-box right;
}
.menu-sidebar.expanded .menu-expand {
	width:55px;
}
.menu-sidebar.expanded .menu-expand a {
	background-image: url('/images/ico-acordeon-1.png');
}


.modal .modal-pasos .bloque {
	text-decoration: none;
	position: relative;
}
.modal .modal-pasos .bloque:hover {
	text-decoration: none;
}
.modal .modal-pasos .completado {
	position: absolute;
	top: -6px;
	left: 30px;
	line-height: 16px;
	color: var(--color-verde);
}
.modal .modal-pasos .completado img{
	width: 16px;
	height: 16px;
}
.modal .modal-pasos .completado:hover img{
	opacity: 1;
}
.work-edit-panel {
	width: 100%;
	position: relative;
	padding: 32px;
}
.work-edit-code {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 32px;
	gap: 16px;
}

.iaTable {
	font-size: 12px;
}
.iaTable td {
	padding: 0 8px;
}

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

@media (max-width:820px){
	.work-edit .work-data {
		width: 100%;
		border-radius: 8px 8px 0 0;
	}
	.work-edit .work-edit-header {
		border-radius: 0;
	}
	.work-edit .menu-sidebar .menu-item {
		display:none;
		padding: 0;
	}
	.work-edit .menu-sidebar .menu-item a {
		border: 0;
		padding: 16px;
		font-size: 16px;
		text-align: left;
	}
	.work-edit .menu-sidebar .menu-item.active {
		display:block;
	}
	.work-edit .menu-sidebar .menu-item.active a {
		border: 0;
	}
	.work-edit .menu-sidebar.expanded .menu-item {
		display:block;
	}
	.work-edit .menu-sidebar.expanded .menu-item:hover a {
		border:0;
		font-weight: bold;
	}
	.work-edit .menu-sidebar {
		padding: 0;
		margin:0;
		width: 100%;
		background: #fcfcfc;
		border-bottom: solid 1px var(--grey_1);
		border-right: none;
	}
	.not-hero .work-edit .tabs {
		padding-top: 0;
	}
	.work-edit .tabs li:first-child {
		margin-left: 0;
	}
	.work-edit .menu-sidebar.expanded {
		padding-bottom: 8px;
	}
	.work-edit .menu-sidebar .menu-expand {
		display: block;
	}
	.work-edit-panel {
		padding: 8px 0 0 0;
		margin-bottom: 32px;
	}
	.work-edit-code {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 0;
	}
	
}

.planes-detalle {gap:0;}


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


@media (max-width: 820px) {
	.tarifas-detalle { margin:0px -16px 64px -16px;}
	.tarifas-detalle .sticky{top:30px;}
	.tarifas-detalle .detalle{display: block;}
		.tarifas-detalle .detalle.encabezado{ padding: 14px 0;}
	.tarifas-detalle .encabezado .heading-S {font-size: 16px; line-height: 16px; }
	.tarifas-detalle .encabezado .caracteristica{padding: 8px;}
	.tarifas-detalle .caracteristica {min-width:0; padding:0;}
	.tarifas-detalle .nombre{font-size: 20px;line-height: 20px;}
	.tarifas-detalle .tipo-tarifa .precio .codePro {font-size: 14px; line-height: 14px; display: block}
	.tarifas-detalle .tipo-tarifa .precio { margin-bottom:0px;}
	.tarifas-detalle .caracteristica .boton{font-size: 14px; padding: 4px 12px;}
	.tarifas-detalle .separacion{background: none; }
	.tarifas-detalle .inline-icon{display: flex; flex-direction: column; margin: auto; text-align: center; width: auto; align-items: center; gap: 5px;}
	.tarifas-detalle .detalle{padding:16px 8px;}
	.tarifas-detalle .encabezado.detalle{background:#fff !important;}
	.tarifas-detalle .descripcion{text-align: center; }
	
}

.payment-popup {
	width: 1000px;
	max-width: 100%;
}

.timeline {
    padding: 0 32px;
}
.timeline h3 {
	margin-left: -32px;
	margin-bottom: 20px;
}

.timeline-item {
    position: relative;
    padding-left: 30px;
    padding-bottom: 24px;
    border-left: 2px solid #CCCFCF;
}

.timeline-item:last-child {
    border-left: 2px solid transparent;
}

.timeline-item::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--color-rojo);
}

.timeline-item.completed::before {
    background-color: #27c31c;
}

.timeline-item.failed::before {
    background-color: var(--color-rojo);
}

.timeline-item.current::before {
    background-color: var(--color-rojo);
    animation: pulse 2s infinite;
}

.timeline-item.pending::before {
    background-color: #cccccc;
}

.timeline-date {
    font-size: 14px;
    color: #666;
    margin-bottom: 4px;
}

.timeline-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.timeline-description {
    font-size: 14px;
    margin-bottom: 0;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 78, 63, 0.7);
    }
    
    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 10px rgba(255, 78, 63, 0);
    }
    
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 78, 63, 0);
    }
}

.accordion-custom {
    padding-bottom: 32px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url(../images/ico-acordeon-2.png);
}
.accordion-custom.active {
    background-image: url(../images/ico-acordeon-1.png);
}
.accordion-custom .accordion-custom-element {
    display:none;
}.accordion-custom .accordion-custom-element.open {
    display:block;
}

.backoffice-menu h2 {
	margin-bottom: 16px;
}
.backoffice-menu .col-3 {
	padding: 5px;
}
.backoffice-menu .boton {
	white-space: normal;
	height: auto;
	line-height: 16px;
	padding: 8px 16px;
	flex-grow: 1;
}
.backoffice-menu .icon {
	font-size: 64px;
	display: block;
	margin-bottom: 8px;
}
.header-bar .container {
    margin: 0;
}
.breadcrumb .breadcrumbs {
	 margin-top: 0 !important;
}
.no-cuerpo-margin .cuerpo {
   margin: 0;
}
.data-table  th.disclaimer-S {
	font-size: 16px;
}

.contract-preview {
	width: 100%;
	max-height: 400px;
	overflow-y: auto;
	padding: 24px;
	border: solid 1px #cccfcf;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.4;
}

.contract-preview p, .contract-preview ol {
	font-weight: 300;
	margin-bottom: 4px;
}

	.contract-preview ol.sections {
		type: 1;
	}
	.contract-preview ol.sections > li {
	    margin-bottom: 1em;
	}
	.contract-preview ol.sections > li::marker {
	    font-weight: bold;
	}
	.contract-preview ol.items {
		list-style: lower-alpha;
		margin-bottom: 0;
		text-indent: 0;
	
	}
	.contract-preview ol.subitems {
		list-style: decimal;
		margin-bottom: 0;
       counter-reset: subitem;
   }


.contract-preview h2 {
	font-size: 130%;
	font-weight: bold;
	margin-top:24px;
	margin-bottom: 4px;
}
.contract-preview h3 {
	font-size: 120%;
	font-weight: bold;
	margin-top:16px;
	margin-bottom: 4px;
}
.contract-preview table {
	width: 100%;
    border-collapse: collapse;
}
.contract-preview table th, .contract-preview table td {
    border-bottom: 1px solid #cccfcf;
    padding: 8px 0;
    text-align: left;
}