/* ============================================================================================================================= */
/* ===================================================================================== DECORATION ============================ */
/* ============================================================================================================================= */
.border{border:1px solid var(--base-3);}
.border-top{border-top:1px solid var(--base-3);}
.border-bottom{border-bottom:1px solid var(--base-3);}

.border_white_1{border:1px solid white;}
.border_white_2{border:2px solid white;}
.border_white_3{border:3px solid white;}

.border_glass_1{
	padding: 6px;
	background-color: rgba(255,255,255,0.4);  
	border: 1px solid rgba(255,255,255,0.5);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

.beautyRight{background-image:url('bgs/beauty-white-right.svg'); background-repeat:no-repeat; background-size:contain; padding-left:4% !important;}
.beautyLeft{background-image:url('bgs/beauty-white-left.svg'); background-repeat:no-repeat; background-size:contain; background-position:right top; padding-right:4% !important;}

.bg_bright{background-image:url('bgs/bright.png'); background-size:contain; background-repeat:repeat-x;}

.bg_ground{background-image:url("footer-weone.png"); background-repeat:repeat-x; padding-bottom:39px !important; min-height:39px; width:100%;}
.bg_ground.block{height:39px; position: absolute; bottom:0; left:0; width:100%;}
.bg_ground.left{background-position:left bottom;}
.bg_ground.right{background-position:right bottom;}
.bg_ground.center{background-position:center bottom;}

.borderMark{border:4px solid var(--color-amanja-6);}

.optionLeftMark{border-left:5px solid var(--color-amanja-6); padding-left:8px;}
.optionLeftUnMark{border-left:5px solid var(--base-4); padding-left:8px;}

.textLeftMark{border-left:3px solid var(--color-amanja-6); padding-left:12px;}

.decoration_line_0{border-top:1px solid #cfcfdc;}
.decoration_line_1{background-image:url("img/decoration_line_1.png"); height:11px; background-repeat:no-repeat; background-position:center;}

.bg_decoration{background-image:url("img/bg_decoration.jpg"); background-repeat:no-repeat;  background-position:left -69px;}
.bg_decoration_chat{background-image:url("img/bg_chat.jpg"); background-size:cover;}
.bg_decoration_agenda{background-image:url("img/bg_agenda.png");}
.bg_decoration_blog_article{background-color:#989898;}

/* -------------- Pliegues --------------- */
.pliegue{
	display:inline-block;
	position:absolute;
	background-repeat:no-repeat;
	background-size:contain;
	z-index:1;
}
.pliegue.sup_izda{
	top:0;
	left:0;
	background-image:url('pliegue_sup_izda.png');		
}
.pliegue.sup_dcha{
	top:0;
	right:0;
	background-image:url('pliegue_sup_dcha.png');	
}
.pliegue.inf_izda{
	bottom:0;
	left:0;
	background-image:url('pliegue_inf_izda.png');
	background-position:left bottom;	
}
.pliegue.inf_dcha{
	bottom:0;
	right:0;
	background-image:url('pliegue_inf_dcha.png');
	background-position:right bottom;	
}

/* -------------- Glass box --------------- */
.glass_border{
	background-color: rgba(255,255,255,0.3);
	padding: 6px;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
	border: 1px solid rgba(255,255,255,0.4);
}
.glass_area{
	background-color: white;
	padding: 16px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}

/* -------------- Landing/Invitation -------------- */

@media all and (max-width:767px){
	.landing_background{
		background:none !important;
	}
}
@media all and (min-width:768px){

	.invitation_hoja_largo{
		padding-bottom:32px;
		padding-top:24px;
		padding-left:50px;
		padding-right:50px;
		background-image:url('img/invitation/hoja_largo.png');
		background-repeat:repeat-y;
		background-size: contain;
	}
}


/* -------------------------------------------------------------- */

#header{
	/*pointer-events:none;*/
	position:fixed; width:100%; top:0px; z-index:500;
}

#b_menu_icon_hamburguer{
	color:white;
	height:32px;
	width:33px;
	mask-image:url('icn/menu_hamburguer.svg');
	-webkit-mask-image:url('icn/menu_hamburguer.svg');	
}

#b_menu_icon_login{
	color:white;
	height:30px;
	width:30px;
	mask-image:url('icn/login_circle.svg');
	-webkit-mask-image:url('icn/login_circle.svg');	
}

#internationalization_header{
	display:block;
	height: 32px;
    min-width: 32px;
	background-image: url('icn/internationalization-grey.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
	color: var(--base-6);
}


#internationalization_header:hover{background-image: url('icn/internationalization-green.svg'); color:var(--color-verde-6); text-decoration:underline;}
#internationalization_header:active{ background-image: url('icn/internationalization-grey.svg'); color: var(--base-6); filter: brightness(0.5);}


/* ============================================================================================================================= */
/* ===================================================================================== RESPONSIVE (Min-Max) ================== */
/* ============================================================================================================================= */
@media all and (max-width:991px){

	main{padding-top:113px;}


	/*.invitation_hoja_largo{padding-left:26px !important; padding-right:26px !important;}*/

	/*#internationalization_header{padding:10px 0px 10px 32px;}*/

	#header_bar_1{border-bottom: 1px solid var(--color1-11);}
	#header_bar_2{padding:12px 0; position:sticky; top:0px; background-color:var(--base-1); border-bottom:1px solid var(--base-2); /*box-shadow: 0px 2px 2px rgba(0,0,0,0.15);*/}

	#bar_menu2{position:fixed; z-index:11; left:0; /*top:12px;*/ top:37px; width:100%; background-position:left 3px; background-image:none !important; background-color:transparent !important;}
	
	#logo_bar{
		text-align:center;
		line-height:0;
		position:absolute;
		z-index:550;
		pointer-events:none;
		width:100%;
		display:block;
		left:0;
		padding:0 59px;
	}
	#logo_header{
		width: 100% !important;
		max-width:266px;
	}
	#logo_header_inside_software{width:100% !important; max-width:180px !important; margin:5px 0 9px 0 !important;}
/*
	.responsive_menu{
		overflow-y:hidden;
		height:0;
		width:100%;
		position:fixed !important;
		left:0 !important;
		top:76px;
		z-index:900;
	}*/
	
	nav{display: block !important;}

	#menu_principal{
		display:block !important;
		position:fixed;
		text-align:left;
		left:0px;
		top:52px;
		width:100%;
		overflow-y:hidden;
		height:0px;
		z-index:501;
	}
	/*#menu_principal nav{border-top:1px solid #000;}*/

	.menu_separator{background-color:#333338; height:4px;}

	/* ----------------------- BOTONERA MENU -------------------- */
	.btn_nav{
		display:block;
		/*padding:11px 20px;*/
		padding:0px 16px 0px 16px;
		border-bottom:1px solid var(--base-4);
		white-space:nowrap;
		font-family:'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif; font-size:15px; line-height:18px;
		width:100%;
		color:black; fill:black;
		background-color:var(--base-1);
		/* -webkit-transition:background-color .2s ease-out;
		transition:background-color .2s ease-out;*/		
		background-repeat: repeat-x;
		background-size: contain;
	}
	.btn_nav:hover{background-image:url('degradado-white-vertical.png'); border-bottom:1px solid var(--base-5);}
	.btn_nav:active{background-color:var(--base-10) !important; background-image:none;}
	.btn_nav:last-child{padding-right:0 !important;}
	
	.btn_nav.mark{
		font-weight:bold;
		border-left:6px solid var(--color-verde-6);
		/*background-image: url('bgs/bright.png');*/
		background-size: contain;
		background-repeat: repeat-x;
		padding-left: 10px;
		background-color:white;
		/*pointer-events:none;*/
	}

	.btn_nav.destacado{
		color:var(--color-verde-6);
	}	

	/* ---------------------------- SUBMENU -------------------- */
	.principal_submenu {
		overflow-y: hidden;
		height: 0px;
	}

	.ico_menu{
		display:inline-block;
	  	width:42px;
	  	height:26px;
	  	text-align:center;
	  	background-repeat:no-repeat;
	  	background-position:center;
	  	background-size: contain;	  	
    	vertical-align: middle;
    	opacity:0.85;
	}
	.btn_nav span{
		vertical-align:middle;
	    padding:14px 0;
	    display:inline-block;
	}
	/*
	.btn_nav icon {
		display: inline-block;
		height: 28px !important;
		margin-right: 6px;
	}
	.btn_nav span{
		display: inline-block;
		font-family: 'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
		font-size: 17px !important;
	}*/

	.b_submenu {
		display: block;
		color: white;
		fill: white;
		background-color: #314762;
		text-align: left;
		padding: 11px 20px;
		border-bottom: 1px solid #171E26;
		padding-left: 14px;
		width: 100%;
	}
	.b_submenu:hover{
		background-color:#c90404; color:white; fill:white;
	}
	.b_submenu:active{color:white; fill:white; background-color:#57687C;}
	.b_submenu.mark{font-weight:bold; border-left:5px solid #d77813; pointer-events:none;}

	.b_submenu:first-child{
		background-image: url('shadow-bottom.png');
		background-repeat: repeat-x;
		background-position: center 0px;
		min-height: 35px;
		background-size: contain;
	}	

	/* ------------------- TABLES ---------------- */
	.responsiveTable:nth-child(2n){background-color:#eceff1;}	
}

@media all and (min-width:992px){

	main{padding-top:114px;}

	#header_bar_1{
		border-bottom:1px solid var(--color-violeta-9);
		background-image:url('bgs/white-transparent.png');
		background-size:100%;
	}
	#header_bar_2{padding:12px 0; position:sticky; top:0px; background-color:var(--base-1); border-bottom:1px solid var(--base-2); /*box-shadow: 0px 2px 2px rgba(0,0,0,0.15);*/ }
	#menu_principal{
		text-align:left;
		background-color: var(--color-violeta-6);
		background-image:url('bgs/beauty-white-right.svg');
		background-repeat:no-repeat;
		background-size:contain;
		padding:8px 0px 8px 4.4%;
		height: auto !important;
	}
	#menu_principal li{display:inline-block; vertical-align:middle; /*padding-right:4px;*/}
	#menu_login li{display:inline-block; vertical-align:middle;}
	/*
	#logo_bar{
		text-align: center;
		line-height: 0;
		position: absolute;
		z-index: 10;
		top:-1px;
		width: 100%;
		pointer-events: none;
	}*/
	#logo_header{
		width:100%;
		max-width:164px;
    	margin-top:10px;
	}
	#logo_header_inside_software{width:200px; margin: 5px 0 11px 0;}
	
	.botonera_repartida{display: flex; justify-content: space-between;}


	/* ----------------------- BOTONERA MENU -------------------- */	
	.btn_nav{
		font-family:var(--font_title);
	    color:#ebf4fe; fill:#ebf4fe;
		display:inline-block;
		padding: 6px 16px;
		font-size: 17px;
		line-height: 20px;
		white-space: nowrap;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		border-radius:50px;
		transition: background-color .2s ease-out;
	}
	.btn_nav:hover{
		color:white;
		fill:white;
		background-color:var(--color-violeta-5);
	}

	.btn_nav:active{
		color:#a8b5be;
		fill:#a8b5be;
		opacity:1;
		background-color:#263238 !important;

		-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
		-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
		box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;

		text-shadow:none;
		/*background-image:none;*/
	}

	/* ---------- Mark ---------- */
	.btn_nav.mark{
		/*pointer-events: none;*/
		color:white;		
		background-color:var(--color-violeta-5);
		/*font-weight: bold;*/
		/*border:2px solid white;*/
		
		/*background-image:url('bgs/bright.png'); background-size:contain; background-repeat:repeat-x;*/
	}
	/*.btn_nav.mark:hover{background-color:#666666}*/
	/*.btn_nav.mark:active{color:#D3D3D3; background-color:#000;}*/

	.btn_nav.destacado{
		text-decoration:underline;
	}

	.ico_menu{display:none;}

	/* -------- */
	.btn_nav_only_icon{
		padding:0 !important;
		background-image:url('icn/menu_help-white.svg');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
		width: 19px;
	    height: 19px;
	    opacity: 0.6;
	    /*margin-left: 10px;*/
	}
	.btn_nav_only_icon:hover{opacity:1;}
	.btn_nav_only_icon span{display:none !important;}

	/* ------------------------- */
	.btn_login{
		border:2px solid white;
		font-weight:bold;
		background-color:var(--color-violeta-6);
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		margin-right:4px;
	}
	.btn_register{		
		border:2px solid white;
		font-weight:bold;
		background-color: var(--color-verde-7);
		/*background-color:#5C8B00;*/
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	.btn_register:hover{background-color: var(--color-verde-6);}


	/* ---------------------------- SUBMENUS -------------------- */
	.submenus_container{
		position:fixed;
		left: 0;
		top: 114px;
		height: 0px;
		width: 100%;
	}
	.principal_submenu {
		height: 0px;
		width: 100%;
		overflow-y: hidden;
		position: fixed;
		left: 0;
		top: 114px;
		line-height: initial;
	}
	.b_block_container{
		display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
		margin:0 auto;
		padding:0;
	}

	.principal_submenu icon{/*transform: scale(0.6);*/ display:block;}
	.principal_submenu h5{
		display: block;
		font-family: 'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
		font-size: 17px !important;
		margin-top:5px;
	}
	.b_submenu{
		-ms-flex-preferred-size:0;
		flex-basis:0;
		-ms-flex-positive:1;
		flex-grow:1;
		max-width:100%;


		color:#171E26; fill:#171E26;
		background-color: #dee2e8;
		text-align: center;
		padding: 15px;
		border-right:1px solid #222931;
		border-bottom:1px solid #222931;

		background-image: url('shadow-bottom.png');
		background-repeat: repeat-x;
		background-position: center 0px;
		min-height: 35px;
		background-size: contain;
	}
	.b_submenu:hover{
		color:#FFF; fill:#FFF;
		background-color: #d60000;
		-webkit-transition: background-color 300ms linear;
	    -ms-transition: background-color 300ms linear;
	    transition: background-color 300ms linear;
	}
	.b_submenu:active{
		background-color: #314762;
		-webkit-transition: background-color 0ms linear;
	    -ms-transition: background-color 0ms linear;
	    transition: background-color 0ms linear;
	}

	.b_submenu.mark{border-bottom:6px solid #b60000;}

	/* ---------- Sticky column content ----------*/
	.sticky_column_content{
		position: -webkit-sticky;
		position:sticky;
		top:0px;
	}

	/* ------------------- TABLES ---------------- */
	.responsiveTable{margin-bottom:-1px;}
}

/* ================================================================ MENU INFERIOR ============================================== */
#menu_inferior{
	text-align:center;
	grid-template-columns: repeat(5, 1fr);
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:499;
    /*background-color: var(--color-violeta-6);*/
	
	border-top:1px solid var(--base-2);

	/*background-color: var(--base-1);*/
	/*background-color: rgba(255,255,255,0.8);*/
	background-color: rgba(247,247,255,0.8);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

.b_menu_inferior{
	display:block;
	width:100%;
	height:100%;
    text-align: center;
    padding:7px 6px 6px 6px;
    /*border-right: 1px solid var(--base-2);*/
	color: var(--base-5);
	fill: var(--base-5);
}
.b_menu_inferior:hover{
    color: var(--color-violeta-7);
    fill: var(--color-violeta-7);
    background-color: var(--color-violeta-2);
	/*background-color:white;*/
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.b_menu_inferior:active{
	color: var(--base-3);
    fill: var(--base-3);
    background-color: var(--base-8);
    -webkit-transition: background-color 0ms linear;
    -ms-transition: background-color 0ms linear;
    transition: background-color 0ms linear;
}


.b_menu_inferior icon{
    height: 22px !important;
	fill:inherit;
}
.b_menu_inferior span{
	display: block;
	color:inherit;
	font-family: var(--font_title);
	font-size: 12px;
	line-height: 13px;
	margin-top: 4px;
}
/* ============================================================================================================================= */
/* ====================================================================================== TEXTOS =============================== */
/* ============================================================================================================================= */

H5.nombre_nick{
    font-weight: bold;
    color:var(--color-violeta-5);
    font-size: 13px;
    display: inline-block;
}
.profile_slogan{
	font-size: 12px;
	line-height:14px;
	color:#606973;
}
.sectionTitle{
	font-family:var(--font_title);
	font-size:29px;
	line-height:30px;
	padding-left:0.5em;
	border-left:0.2em solid var(--color-amanja-6);
	margin-bottom:32px;
}
.sectionTitle .title{font-size:inherit; line-height:inherit;}
.sectionTitle .subtitle{font-size:19px; line-height:21px; margin-top:4px;}

/* Si queremos envolver sectionTitle en una barra horizontal o con una línea inferior */
.envolve-Bar{
	padding:16px 0;
	border-bottom:1px solid rgba(0,0,0,0.2);
	background-color:white;
	background-image: url('img/bg_decoration.jpg');
  	background-repeat: no-repeat;
  	background-position: left -121px;
}

.envolve-Underline{
	border-bottom:1px solid rgba(0,0,0,0.2);
  	padding-bottom:16px;
  	margin-bottom:32px;
}

.envolve-Bar .sectionTitle, .envolve-Underline .sectionTitle{
	margin-bottom:0 !important;
}

/* --------------------------- Titulo principal secciones web ---------------------- */
/*
.sectionTitleBar{
	padding:12px 0;
	border-bottom:1px solid rgba(0,0,0,0.2);
	background-color:white;
	background-image: url('img/bg_decoration.jpg');
  	background-repeat: no-repeat;
  	background-position: left -121px;
}
.sectionTitle{
	border-bottom:1px solid rgba(0,0,0,0.2);
  	padding-bottom:16px;
  	margin-bottom:32px;
}
.sectionTitleBar .title, .sectionTitle .title{
	font-family:var(--font_title);
	font-size:29px;
	line-height:30px;
}
.sectionTitleBar .subtitle, .sectionTitle .subtitle{
	font-family:var(--font_title);
	font-size:20px;
	line-height:20px;
	margin-top:3px;
}*/

/* --------------------------- TITULO DE APARTADOS ---------------------- */
.apartadoTitleOver{
	font-size: 15px;
	line-height: 17px;
	/*color: #7f8691;*/
	color:var(--base-6);
	margin-bottom: 16px;
}
.title_block{font-family:var(--font_title); /*margin-bottom:1.5rem;*/ margin-bottom:32px;}
.title_block.box{padding:0.5em 1em; background-color:var(--base-5); border-radius:5px;}
.line{padding-left:0.5em; border-left:0.2em solid var(--color-amanja-7);}
.title_block.lineunder{padding-bottom:0.5em; border-bottom: 1px solid rgba(0,0,0,0.5);}


.title_block.size-1{font-size:53px; line-height:53px;}
.title_block.size-1 .title{font-size:inherit; line-height:inherit;}
.title_block.size-1 .subtitle{font-size:29px; line-height:30px; margin-top:4px;}

.title_block.size-2{font-size:42px; line-height:42px;}
.title_block.size-2 .title{font-size:inherit; line-height:inherit;}
.title_block.size-2 .subtitle{font-size:26px; line-height:27px; margin-top:4px;}

.title_block.size-3{font-size:34px; line-height:36px;}
.title_block.size-3 .title{font-size:inherit; line-height:inherit;}
.title_block.size-3 .subtitle{font-size:23px; line-height:24px; margin-top:4px;}

.title_block.size-4{font-size:29px; line-height:30px;}
.title_block.size-4 .title{font-size:inherit; line-height:inherit;}
.title_block.size-4 .subtitle{font-size:19px; line-height:21px; margin-top:4px;}

.title_block.size-5{font-size:25px; line-height:27px;}
.title_block.size-5 .title{font-size:inherit; line-height:inherit;}
.title_block.size-5 .subtitle{font-size:18px; line-height:19px; margin-top:5px;}

.title_block.size-6{font-size:22px; line-height:23px;}
.title_block.size-6 .title{font-size:inherit; line-height:inherit;}
.title_block.size-6 .subtitle{font-size:16px; line-height:17px; margin-top:2px;}

/* ----------------------- */
.txt-condition{font-size:13px; line-height:15px;}


.txt-small{font-size:13px; line-height:15px; color:#8D8DAC; fill:#8D8DAC;}
.txt-mini{font-size:11px; line-height:13px; color:#9ca5af; fill:#9ca5af;}

/* -------------------------------------------------- LISTAS ----------------------- */
.lista_elementos{padding:0 !important; list-style:none !important;}

ul{padding-left:16px; text-align:left; list-style:disc;}
ol{padding-left:16px; text-align:left; list-style:decimal;}

/*.lista_texto{}*/
.lista_texto li{margin-bottom:4px;}
.lista_texto li:last-child{margin-bottom:0;}

/* ------------ */
.lista_ventajas_mini{list-style:none; margin:0; padding:0;}
.lista_ventajas_mini li{
	background-image: url('icn/check.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: left 2px;
	padding-left: 22px;
	padding-bottom: 12px;
	font-size: 14px;
	line-height: 17px;
}
.lista_ventajas_mini li:last-child{padding-bottom:2px;}
/* ------------ */
.lista_ventajas{list-style:none; margin:0; padding:0;}
.lista_ventajas li{
	background-image:url('icn/check.svg');
	background-repeat:no-repeat;
	background-size: 21px 21px;
	background-position: left 3px;
	padding-left: 30px;
	padding-bottom: 12px;
	font-size: 15px;
	line-height: 18px;
}
.lista_ventajas li:last-child{padding-bottom:2px;}
/* ------------ */
.lista_ventajas_big{list-style:none; margin:0; padding:0; font-family:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;}
.lista_ventajas_big li{
	background-image: url('icn/check_circle.svg');
	/*background-image: url('icn/check-ficha.png');*/
	background-repeat: no-repeat;
	background-size: 26px 26px;
	/*background-position: left 2px;*/
	padding-left:34px;
	padding-bottom:18px;
	font-size:20px;
	line-height:23px;
	min-height:26px;
}
.lista_ventajas_big li:last-child{padding-bottom:0px;}

/* -------------------------------------------------- REDACTION -------------------- */
.redactionColor{color:#37474f;}
.redaction{font-size:14px; /*line-height:1.3em;*/}
.redaction H1{font-weight:bold; font-size:24px; line-height:1.3em; margin-bottom:24px;}
.redaction H4{font-weight:bold; font-size:18px; line-height:1.3em; margin-bottom:4px;}
.redaction H5{font-size:15px; line-height:1.3em; margin-bottom:4px;}
.redaction .body{color:#37474f; text-align:justify;}
/*.redaction ul{}*/
.redaction li{margin-bottom:12px;}

p{margin:0rem 0 1rem 0;}
p:last-of-type{margin:0 !important;}

.leer_mas{color:var(--color-verde-6); font-weight:bold; text-align:right; display:block; width:100%;}
.leer_mas:hover{text-decoration:underline;}
.leer_mas:active{color:#252631;}

.leer_menos{color:var(--color-verde-6); font-weight:bold; text-align:right; display:block; width:100%;}
.leer_menos:hover{text-decoration:underline;}
.leer_menos:active{color:#252631;}


/* ------------------------------------------- ICONOS MÁSCARA -------------------- */
.icoMask{
	width:39px;
  	height:39px;
  	display:inline-block;
  	vertical-align:middle;

	background-color:currentColor;
	
	
	/*mask:url('icn/chat.svg') no-repeat center; -webkit-mask:url('icn/chat.svg') no-repeat center;*/
	-webkit-mask-size: contain;
	mask-size: contain;

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;
}
/* ============================================================================================================================= */
/* ====================================================================================== BARRAS =========================== */
/* ============================================================================================================================= */

.toolBarMini{
	padding:9px 16px 8px 16px;
	color:#222;
	font-size:15px;
	line-height:18px;
	color:#4B4C71;
	fill:#4B4C71;
	text-align:center;
	/*background-color:#d1d0d6;*/
	/*background-color:#f2e9e9;*/
	background-color: var(--base-1);
	border-top: 1px solid #cfcfdc;
	border-bottom: 1px solid #cfcfdc;
}

/* ============================================================================================================================= */
/* ===================================================================================== DROP MENU ============================= */
/* ============================================================================================================================= */
.drop_area{overflow-y:hidden; height:0;}

.b_dropDown{
	border-left:1px solid rgba(255,255,255,0.5);
	background-image:url('icn/arrow_down_drop-white.svg');
	background-repeat:no-repeat;
	background-size:15px auto;
	background-position: center right;
	width:26px;
	height:32px;
}

.b_dropDown_text{
	background-image: url('icn/arrow_down_drop-white.svg');
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: center right;
	/*height: 32px;*/
	padding: 5px 21px 5px 0;
	color: white;
	font-size: 15px;
	line-height: 15px;
}

.drop_area{overflow-y:hidden; height:0;}

.label_drop_buttons {
	display: block;
	white-space: nowrap;
	font-family: var(--font_title);
	font-size: 15px;
	line-height: 17px;
	width: 100%;
	text-align: left;
	padding:9px 16px 5px 16px;
	color:white;
	background-color: var(--color-verde-7);
	/*background-color: var(--base-8);*/
	font-weight: bold;
}

.b_drop{
    display: block;
	white-space: nowrap;
	font-family: var(--font_title);
	font-size: 15px;
	line-height: 37px;
	color: #111922;
	fill: #111922;	
	width: 100%;
	text-align: left;
	padding: 2px 20px 2px 8px;
	background-color: #eef2f8;
	border-top:1px solid #333b44;
	/*background-image: url('degradado-white-vertical.png');
	background-repeat: repeat-x;
	background-size: contain;*/
	min-width: 286px;
}
.b_drop:first-child{border-top:none !important;}
.b_drop:hover{
	background-color:white;
	background-image:none;
	filter:brightness(1.3);
	/*text-shadow: 2px 2px 5px rgba(0,0,0,0.3);*/
}
.b_drop:active{
	color:#c5c5ce; fill:#c5c5ce;
	background-color:#263238;
}

.b_drop .ic{display:inline-block; width:41px; text-align:center;}

/* ============================================================================================================================= */
/* ===================================================================================== BUTTONS =============================== */
/* ============================================================================================================================= */
/* --------------- Efectos generales de botón ------------ */
.underline{text-decoration:underline;}

.toUnderline:hover{text-decoration:underline;}
.toBold:hover{font-weight:bold;}
.toTransparent:hover{opacity:0.8;}
.toBright:hover{filter:brightness(1.3);}

.toWhite:hover{color:white !important; fill:white !important;}

.toViolet:hover{color:#8e24aa !important; fill:#8e24aa !important;}
.toGreen:hover{color:#7cb342 !important; fill:#7cb342 !important;}
.toOrange:hover{color:#e89f13 !important; fill:#e89f13 !important;}
.toOrangeDark:hover{color:#c78014 !important; fill:#c78014 !important;}

.toRed:hover{color:#D70000 !important; fill:#D70000 !important;}
.toBlue:hover{color:#4081a1 !important; fill:#4081a1 !important;}

.toColor1:hover{color:var(--color-violeta-6);}
.toColor2:hover{color:var(--color-verde-6);}

/* --------------------------------------------- BOX BUTTONS ---------------- */
.btn_box{	
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	padding:9px 16px;
	/*padding:11px 16px 10px 16px;*/
	position:relative;
	line-height:normal;
	font-size:16px;
	line-height:17px;
	font-family:var(--font_title);
	color:white;
	/*text-shadow: 2px 2px 5px rgba(0,0,0,0.5);*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.btn_box:hover{filter:brightness(1.2)}
.btn_box:active{
	/*opacity:0.8;*/
	color:#a8b5be !important;
	fill:#a8b5be !important;
	background-color:#263238 !important;

	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
}

.btn_box.mark{
	/*opacity:0.8;*/
	color:#a8b5be !important;
	fill:#a8b5be !important;
	background-color:#263238 !important;
	pointer-events: none;

	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
}

/* -------------------------- Box buttons status */
.btn_box.disabled{background-color:#929292 !important; box-shadow:none !important; pointer-events:none !important;}

/* -------------------------- Box buttons sizes */
.btn_box.mini{
	font-size:14px;
	line-height:15px;
	padding:4px 10px 3px 10px;
	min-height:auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn_box.small{
	font-size: 15px;
	line-height: 17px;
	padding: 6px 12px 5px 12px;
	min-height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.btn_box.big{font-size:19px; line-height:21px; padding:15px 22px 13px 22px; min-height:auto; border-width:5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}



/* -------------------------- Box buttons types */
.btn_default{
	color: white;
	background-color: var(--color-verde-6);
}
.btn_primary{
	color: white !important;
	background-color: var(--color-verde-6);
	/*border: 1px solid white;*/
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), inset 0 -1px 1px rgba(0,0,0,0.2);
	background-image:url('bgs/bright.png'); background-size:contain; background-repeat:repeat-x;
}
.btn_line{	
	fill: currentColor;
	/*background-color: color-mix(in srgb, currentColor, white 82%);*/
    /*border: 1px solid currentColor;*/
	border: 1px solid color-mix(in srgb, currentColor, white 30%)
}
.btn_coloured{	
	fill: currentColor;
	background-color: color-mix(in srgb, currentColor, white 85%);
    /*border: 1px solid currentColor;*/
	border: 1px solid color-mix(in srgb, currentColor, white 30%)
}
.btn_prominent{	
	color: white !important;
	background-color: var(--color-verde-6);
	border: 3px solid white;
	background-image: url('bgs/bright.png');
	background-size: contain;
	background-repeat: repeat-x;
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.45);
    box-shadow:0px 2px 5px rgba(0,0,0,0.45);
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.btn_semitransparent_white{
	color: white;
	-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 30px rgba(0,0,0,0.8);
	background-color: rgba(0,0,0,0.3);
	/*Blur effect*/
	backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px); /* Safari */
}
.btn_semitransparent_white:hover{background-color: rgba(0,0,0,0.2); }


/* --------------------------------------------- BTN_BOX con Icono como background (opcionalmente con texto) ---------------- */
.btn_box.ico{background-position:center center; background-repeat:no-repeat; background-size:auto 60%;}

/* Si el padre TIENE un icono físico */
.icoLeft:has(icon) span{fill:currentColor; margin-left:8px;}
.icoRight:has(icon) span{fill:currentColor; margin-right:8px;}

.btn_box.icoLeft icon{/*scale: 1.2;*/}
.btn_box.icoRight icon{/*scale: 1.2;*/}

/* Si el padre NO tiene icon físico pero lo tiene como background */
.btn_box.icoLeft:not(:has(icon)) { padding-left:38px !important; background-position:12px center; background-repeat:no-repeat; background-size:19px auto;}
.btn_box.icoRight:not(:has(icon)) { padding-right:38px !important; background-position:right 12px center; background-repeat:no-repeat; background-size:19px auto;}

/* ------- Bloques con icono pero sin que sean un Botón BOX ---------- */


/* Si el padre NO tiene icon físico pero lo tiene como background */
.icoLeft:not(:has(icon)) {padding-left:32px; background-position:center left; background-repeat:no-repeat; background-size:auto 74%;}
.icoRight:not(:has(icon)) {padding-right:32px; background-position:center right; background-repeat:no-repeat; background-size:auto 74%;}

/* --------------------------------------------- ICON BUTTONS: Solo icono (usando mask) ---------------- */
.btn_ico{
	background-color:currentColor;
	display:inline-block;
	vertical-align:middle;
	/*mask:url('icn/chat.svg') no-repeat center; -webkit-mask:url('icn/chat.svg') no-repeat center;*/
	-webkit-mask-size: contain !important;
	mask-size: contain !important;

	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;

	-webkit-mask-position: center !important;
	mask-position: center !important;
}
/*.btn_ico:hover{opacity:0.7; background-color:currentColor;}*/
.btn_ico:active{
	opacity:1;
	background-color:#263238;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
}

/* .btn_ico:first-of-type{margin:0 !important;} */
.btn_ico span{padding-left:5px; vertical-align:middle;}

/* ---------- */

.btn_ico.tool{color:#BEBDC1; width:20px;}
.btn_ico.tool:hover{background-color:#71B81C;}

/* ---------------------------------------- Iconos específicos (sin texto) ----- */
.btn_ico.share{height:20px; width:20px; mask:url('icn/share.svg'); -webkit-mask:url('icn/share.svg');}
.btn_ico.preview{height:26px; width:26px;	mask:url('icn/eye-white.svg'); -webkit-mask:url('icn/eye-white.svg');}
.btn_ico.show{height:25px; width:25px; mask:url('icn/eye-white.svg'); -webkit-mask:url('icn/eye-white.svg');}
.btn_ico.hide{height:25px; width:25px; mask:url('icn/eye_no.svg'); -webkit-mask:url('icn/eye_no.svg');}
.btn_ico.chat{height:22px; width:22px; mask:url('icn/chat.svg'); -webkit-mask:url('icn/chat.svg');}

.btn_ico.favorito{height:21px; width:21px; mask:url('icn/heart.svg'); -webkit-mask:url('icn/heart.svg');}.btn_ico.favorito:hover{background-color:#cb3834 !important;}
.btn_ico.favorito.activo{background-color:#cb3834 !important;}

.btn_ico.like{height:23px; width:23px; mask:url('icn/like.svg'); -webkit-mask:url('icn/like.svg');}.btn_ico.like:hover{background-color:#1877F2 !important;}
.btn_ico.like.activo{background-color:#1877F2 !important;}

.btn_ico.transfer{height:23px; width:23px; mask:url('icn/dharma_circle.svg'); -webkit-mask:url('icn/dharma_circle.svg');}
.btn_ico.edit{height:20px; width:20px; mask:url('icn/edit.svg'); -webkit-mask:url('icn/edit.svg');}
.btn_ico.delete{height:22px; width:22px; mask:url('icn/delete.svg'); -webkit-mask:url('icn/delete.svg');}.btn_ico.delete:hover{background-color:#cb3834 !important;}

/* --------------------------------------------- TEXT BUTTONS ---------------- */
/*.btn_txt{color:inherit;}*/
.btn_txt{color:var(--color-violeta-6)}
.btn_txt:active{text-decoration:underline; opacity:1; color:#263238 !important; fill:#263238 !important; opacity:1 !important;}


.btn_txt_destacado{
	color: var(--color-violeta-6);
	font-weight: bold;
	font-family: var(--font_title);
	font-size: 15px;
	line-height: 17px;
}


/* ================================================================ BOTONES ESPECÍFICOS ============ */
.b_oauth{
	border: 2px solid white;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	padding-right: 10px;
	margin-bottom:8px;
	width: 100%;
	text-align:center;
}
.b_oauth:last-child {
	margin-bottom: 0;
}

.b_mas_resultados{
	width:100%;
	background-image: url('icn/arrow_down_drop-white.svg'),url('icn/arrow_down_drop-white.svg');
	background-repeat: no-repeat, no-repeat;
	background-position: center left 10%, center right 10%;
	background-size: 20px auto, 20px auto;
}

/* ------------------- Selectable items ---------------- */
.selectable{padding:10px 0px; font-size:14px; line-height:14px; font-weight:bold; background-color:var(--base-2); cursor:pointer; white-space:nowrap; width:58px; text-align:center; width:100%;}
.selectable:hover{/*opacity:0.8;*/ background-color:var(--base-2);}
.selectable:active{/*opacity:1;*/ background-color:#41414e; color:#9999a4;}
.selectable.mark{background-color:#72ae30; color:#fff; font-weight:bold; pointer-events:none;}


/* ============================================================================================================================= */
/* ====================================================================================== PESTAÑAS ============================= */
/* ============================================================================================================================= */

/* ========================= PESTAÑAS NORMALES ================== */
.pestanyas_container{
	/*background-color: var(--color1-9);*/
	--color-pestanya:white;
    padding:0px 16px;
	/*border-bottom:1px solid rgba(0,0,0,0.2);*/
	font-size:17px;
	line-height:19px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.pestanyas_container:has(.mark){
	border-bottom:3px solid var(--color-pestanya);
}
.b_pestanya{
	color: black;
	background-color:rgba(255,255,255,0.85);
	text-align:center;
    padding:9px 8px 8px 8px;
    margin:1px 1px 0px 1px;
	
	font-family: var(--font_title);
	
	
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	
	flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	white-space: nowrap;

	border:1px solid rgba(0,0,0,0.2);
	border-bottom: none;
	/*border-bottom:1px solid white;*/

	/* Shadow */
	background-image:url('img/shadow-top.png'); background-repeat:repeat-x; background-position:center bottom -5px;
}
.b_pestanya:hover{
	color:inherit !important;
	background-color:var(--color-pestanya);
}
.b_pestanya:active{
	background-color:#263238;
	color:#a8b5be; opacity:0.8;
}
/* ---------- Mark ----------*/
.b_pestanya.mark{
	background-color:var(--color-pestanya);
	font-weight: bold;
	pointer-events: none;
	/*margin-bottom:-1px;*/
	background-image: none;
	color:inherit !important;
	/*border: none !important;*/
}


/* ========================= PESTAÑAS SMALL ================== */
.b_pestanya_small{
	background-color: var(--base-1);
	text-align:center;
    padding:8px 8px 7px 8px;
    margin:3px 3px 0px 3px;
	
	font-family: var(--font_title);
	font-size:16px;
	line-height:18px;
	
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	
	flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	white-space: nowrap;

	border:1px solid rgba(0,0,0,0.2);
	border-bottom: none;
}
.b_pestanya_small:hover{
	background-color:var(--color-verde-6);
	color:white;
}
.b_pestanya_small:active{
	background-color:#263238;
	color:#a8b5be; opacity:0.8;
}
/* ---------- Mark ----------*/
.b_pestanya_small.mark{
	color: white;
	background-color:var(--color-verde-6);
	font-weight: bold;
	pointer-events: none;
	margin-bottom:-1px;
	/*border: none !important;*/
}


/* ============================================================================================================================= */
/* ======================================================================================= ARTICULO BLOG ======================= */
/* ============================================================================================================================= */
.articleLimit{width:100%; max-width:792px;}
.article-sheet{
	line-height:normal;
	position:relative;
	/*font-family:"read","Times New Roman", sans-serif;*/
	max-width:1200px;
	padding-bottom:110px;
	text-align:center;
	display:inline-block;
	background-color:#faf9ff;

	margin-top:44px;
	margin-bottom:64px;
	/*
	background-image:url('pliegue_sup_izda.png');
	background-repeat:no-repeat;
	background-size:150px auto;*/
}
@media all and (max-width:1279px){.article-sheet{margin:0 !important;}}

.article-title{color:#1c1e21; text-align:left; font-size:40px; line-height:48px; /*line-height:1.2em;*/ color:#1c1e21;}
.article-subtitle{
	font-size: 23px;
	text-align: left;
	color:#c78014;
	margin-top: 7px;
	line-height: 26px;
}
.article-image{line-height:0; overflow:hidden; display:inline-block; border-bottom:1px solid #DFDFDF; width:100%;}
.article-image>img{width:100%; height:100%; max-width:1200px; object-fit:cover;}
.article-description{text-align:justify; color:#1c1e21; font-size:17px; line-height:28px;}


/* ============================================================================================================================= */
/* ======================================================================================= BLOG GRID =========================== */
/* ============================================================================================================================= */
.blogGrid {
    display:grid;
    grid-gap:32px;	
	grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));
    /*grid-auto-rows:54px;*/
    grid-auto-flow:dense;
}
/* ---------------------------- Blog Grid Items ------- */
@media all and (max-width:991px){
	.blogGridItem{grid-column:span 3 !important; grid-row:span 7 !important;}	
}

.blogGridItem>img {width:100%; height:100%; object-fit:cover;}
.blogGridItem.normal{grid-column:span 3; /*grid-row:span 7;*/} .blogGridItem.normal .card-image{height:160px;}
.blogGridItem.horizontal{grid-column:span 6; /*grid-row:span 7;*/} .blogGridItem.horizontal .card-image{height:232px;}
.blogGridItem.vertical{grid-column:span 6; /*grid-row:span 7;*/} .blogGridItem.vertical .card-image{height:340px;}
.blogGridItem.big{grid-column:span 6; /*grid-row:span 14;*/}


/* ============================================================================================================================= */
/* ===================================================================================== CARDS ================================= */
/* ============================================================================================================================= */

/* ----------------------------------------------- Card Concept ----------------- */
.cardconcept{position:relative; text-align:center; padding-bottom:46px;}
.cardconcept-image{
	height:100%;
	max-height:120px;
	margin-bottom:12px;
	display:inline-block;
}

.cardconcept-title{
	color:var(--base-9);
	font-family:var(--font_title);
	font-size: 18px;
	font-weight: bold;
	line-height: 19px;
	display: inline-block;
	margin-bottom: 8px;
	/*border-bottom: 2px solid #7cb342;*/
}

.cardconcept-subtitle{
	color:var(--base-7);
	font-family:var(--font_title);
	font-size: 18px;
	font-weight: bold;
	line-height: 19px;
	display: inline-block;
	margin-bottom: 8px;
	border-bottom: 2px solid #7cb342;
}
.cardconcept-description{color:var(--base-7); line-height:1.4;}
.cardconcept-footer{position:absolute; bottom:0px; width:100%;}


/* ----------------------------------------------- Card List ----------------- */
.cardlist{
	border-bottom: 1px solid #B4C4CC;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.cardlist:last-child{border-bottom:none; padding-bottom:0px; margin-bottom:0px;}
.cardlist-grid{grid-template-columns:auto 1fr}
.cardlist-grid3{grid-template-columns:auto 1fr auto}
.cardlist-imagecell{line-height:0}

.cardlist-imagecell img{background-color:#c5c5d5}
.cardlist-title{font-size:16px; line-height:18px;}
.cardlist-subtitle{
	font-size: 14px;
	line-height: 17px;
	color:#37474f;
	padding-top: 4px;
	padding-bottom: 6px;
}
.cardlist-description{
	padding-top:4px;
	font-size: 14px;
	line-height: 17px;
	color:#37474f;
}


/* ----------------------------------------------- Card Standard ----------------- */

.card{overflow:hidden; position:relative; height:100%; background-color:white;}
.card:has(.card_footer){padding-bottom:54px;}
.card:has(.card_footer-air){padding-bottom:54px;}

/* --------------------- */
.card_header{
	color:white;
	padding:10px 20px 10px 20px;
	text-align:center;
	/*background-color:var(--color-violeta-6);*/
	background-color:var(--base-7);
}

.card-title-margin{margin-bottom:16px;}
.card-title{
	font-size: 20px;
  	line-height: 22px;
  	font-family: var(--font_title);
}
.card-subtitle{font-size:15px; line-height:19px; margin-bottom:12px; color:var(--color-amanja-7); font-weight:bold;}

/* --------------------- */

.card-image{line-height:0; overflow:hidden; line-height:0; display:block; width:100%;}
.card-image>img{width:100%; height:100%; object-fit:cover;}

/*.card-description{font-size:15px; line-height:21px; padding:19px 26px; color:#565C67;}*/
.card-description{
	font-size: 14px;
	line-height: 1.5;
	color:#575D68;
	/*color: #37474f;*/
	/*margin-top: 16px;*/
	/*text-align: justify;*/
}
/*.card-description-blog{font-size:14px; line-height:20px; padding:19px 24px; margin-bottom:64px; color:#575D68;}*/
.card-padding{padding:19px 24px;}

.card_footer{
	text-align:center;
	padding:11px 16px;
	border-top:1px solid var(--base-3);
	
	min-height:52px;
	position:absolute;
	width:100%;
	bottom:0;

	background-color: var(--base-1);
}



.card_categoria {
    color: var(--base-5);
	padding: 8px 16px 7px 16px;
	text-align: right;
	display: block;
	font-size: 14px;
	line-height: 16px;
	border-bottom: 1px solid var(--base-2);
	background-color: var(--base-1);
}
.card_categoria:hover{
	color:#fff;
	padding: 8px 10px 7px 16px;
	background-color: var(--color-verde-6);
	background-position: center right -5px;
	
	-webkit-transition: background-color 100ms, padding-right 100ms linear;
    -ms-transition: background-color 100ms, padding-right 100ms linear;
    transition: background-color 100ms, padding-right 100ms linear;
}
.card_categoria:active{
	color:#a8b5be !important;
	fill:#a8b5be !important;
	background-color:#263238 !important;
}
.card_categoria h6{
	display:inline-block;
	font-size: inherit;
	line-height: inherit;
}

/* ------------ */

.card.dark{
	color:#eef2f7;
	/*background-color:#111827;*/
	background-color: var(--base-10);
	.card-title, .card-description{color:white;}
}
.card.dark .card_footer{
	border-top: 1px solid var(--base-11);
	background-color: var(--base-13);
}

.card_footer-air{
	padding:0px 16px 12px 16px;
	min-height:52px;
	position:absolute;
	width:100%;
	bottom:0;
}

.price_block{color: var(--color-verde-6-overdark);}
.price_block .field-price{font-size:22px; line-height:22px; font-weight:bold;}
.price_block .field-divisa{font-size:14px; line-height:14px; padding-left:3px;}

.price_block_mini{color: var(--base-5); font-size:12px; line-height:12px; margin-top:1px;}
.price_block_mini .field-price{font-size:10px;}
.price_block_mini .field-divisa{font-size: 9px;}

.card-badge {
	position: absolute;
	top: 10px;
	right: 12px;
	border-radius: 999px;
	padding: 4px 10px;
	font-size: .8rem;
	font-weight: bold;
	color: white;
	/*background-color: var(--cf-primary);*/
	background-color: rgba(34, 197, 94, 0.9);
}

/* ------------------------------ COUNT CELLS --------------- */
.countCell-dark {
    background:linear-gradient(0deg, #151F3D 0%, #0E1524 100%);
    border: 1px solid var(--cf-border); border-radius: 12px; padding: 14px;
}
.countCell-dark__value { /*font-size: 1.35rem;*/ font-size:1.7rem; font-weight: 700; }
.countCell-dark__label { color: var(--cf-muted); font-size: .9rem; }


.countCell-bg {
    border-radius: 8px;
	padding: 10px 14px;
	text-align: center;
	color: white;
}
.countCell-bg__value {
	font-weight: 700;
  	font-size: 26px;
  	line-height: 26px;
	display:inline-block;
}
.countCell-bg__label {display:block;}



/* ============================================================================================================================= */
/* ===================================================================================== CARRUSELES ============================ */
/* ============================================================================================================================= */
/*
.carrusel_horizontal_label{
	color:white;
	text-align: center;
	font-size: 19px;
	padding: 4px 16px;
	line-height: 21px;
}
.carrusel_vertical_label{
	color:white;
	writing-mode: sideways-lr;
	text-orientation: mixed;
	text-align: center;
	font-size: 19px;
	padding: 4px;
	line-height: 21px;
}*/
.carrusel_horizontal{width:100%; overflow-x:scroll; background-color:white; scrollbar-width:thin; scrollbar-color:#7B7B8A var(--base-3);}
.carrusel_ficha{display:inline-block; width:300px;}

/* ============================================================================================================================= */
/* ===================================================================================== CHAT Y COMENTARIOS ==================== */
/* ============================================================================================================================= */
/* ------------------ Chat ------------- */
.say_box{	
	background-repeat:no-repeat;
	background-size:12px;
}
.sb_other{
	margin-right:11%;
	padding-left: 4px;	
	/*padding-left:1px;*/
	background-position:left 0px;
	background-image:url('icn/chat_say_other_up.svg');
}
.sb_me{
	margin-left:11%;
	padding-right: 4px;
	/*padding-right:1px;*/
	background-position:right 22px;
	background-image:url('icn/chat_say_me.svg');
}

.say{
	color:white;
	padding:8px 14px 12px 14px;
	margin-bottom:6px;
	font-size:15px;
	line-height:17px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;	

	word-break: break-word;
    white-space: pre-line;
}
.say.other{	
	background-color:#7C7CA7;	
}
.say.me{
	background-color:#7cb342;
}
.say.msg_check_1{
	background-image:url('icn/msg_check_1.svg');
	background-repeat: no-repeat;
	background-size: 11px;
	background-position: bottom 5px right 5px;
}
.say.msg_check_2{
	background-image:url('icn/msg_check_2.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: bottom 5px right 5px;
}
.say.msg_check_3{
	background-image:url('icn/msg_check_3.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: bottom 5px right 5px;
}

/* ------------------ Comentarios ------------- */
.commentsFullArea{
	/*background-color: #e1deea;*/
	background-color: var(--base-1);
	padding:24px 32px;
	border-top: 1px solid #cfcfdc;
	border-bottom: 1px solid #cfcfdc;
}
.comment_block {
	font-size: 15px;
	margin-bottom: 1px;
	line-height: 17px;
	/*background-color: #eeeeeb;*/
	padding:8px 0px;
	text-align:left;
	grid-template-columns:auto 1fr;
}

.comment_photo{display:inline-block; vertical-align:top; line-height:0; padding-top:2px;}
.comment_img_user{
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right:7px;
}

.comment_data{display:inline-block; vertical-align:top;}
.comment_user{font-weight:bold; margin-bottom:3px;}
.comment_date{
    font-size: 12px;
    line-height: 14px;
    color: var(--base-7);
    margin-top: -2px;
	margin-bottom: 5px;
}
.comment_comment{color: var(--base-10);}


/* ============================================================================================================================= */
/* ===================================================================================== IMAGENES y VIDEO ====================== */
/* ============================================================================================================================= */

.toLeft{margin-bottom:10px; margin-right:20px; text-align:center; float:left; min-height:100px;}
.toRight{margin-bottom:10px; margin-left:20px; text-align:center; float:right;}

/* ---------------- */
.figureContainer{text-align:center; padding-top:12px;}
.figureContainer figure{margin:12px 12px;}

figure{
	line-height:0;
	text-align:center;
	display:inline-block;
	padding:7px;
	line-height:0;
	text-align:center;
	margin-top:6px;
	background-color:white;
	margin:0;
	vertical-align:top;
	/* --- NUEVO --- */
	border: 1px solid var(--base-3);
	padding: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
	border-radius:7px;
}

figcaption {
	font-size: 13px;
	line-height: 15px;
	/*color: #1C1D20;*/
	color:var(--base-10);
	font-family:var(--font_body);
	margin-top:8px;
}
@media all and (max-width:540px){
	.expandXS{width:100%; float:none; margin-left:0; margin-right:0;}
}

.imageClick{position:relative; overflow:hidden; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px;}
.imageClick img{object-fit:cover; width:100%;}
.imageClick:hover{filter:brightness(1.5);}
/* ------------------------- */
.imageClick button{
	background-size:26%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:1;
	left:0;
	top:0;
	min-height:60px;
}
.imageClick button:hover{background-color:rgba(0,0,0,0.5);}
.imageClick button:active{background-color:rgba(0,0,0,0.5);}

.button_icon_center{
	background-image: url('icn/play.png');
	background-size: 26%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	min-height: 60px;
	background-color: transparent;
	cursor: pointer;
}
/* -------------------------- */

.proportion-4_3{
	cursor: pointer;
	/*position: relative;*/
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFF;
	position: relative;
}
.proportion-16_9{
	max-width: 100%;
	cursor: pointer;
	/*position: relative;*/
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFF;
	position: relative;
}
.proportion-9_16{
	max-width: 100%;
	cursor: pointer;
	/*position: relative;*/
	width: 100%;
	height: 0;
	padding-bottom: 177.77%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFF;
	position: relative;
}
.mm-media{
	/*
	max-width: 96vw;
	max-height: 96vh;
	width: min(96vw, calc(96vh * var(--aspectRatio)));
	height: min(96vh, calc(96vw / var(--aspectRatio)));
	*/
	max-width: 96vw;
	max-height: 82vh;
	width: min(96vw, calc(96vh * var(--aspectRatio)));
	height: min(82vh, calc(96vw / var(--aspectRatio)));
}

.mm-media iframe,
.mm-media video,
.mm-media img{
	position:absolute;
    left:0;
	top:0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.mm-media img{
  object-fit: contain;
}

.videoiframe{
	position:absolute;
    left:0;
	top:0;
	width:100%;
	height:100%;
}

/* ============================================================================================================================= */
/* ===================================================================================== ANOTHER ELEMENTS ====================== */
/* ============================================================================================================================= */
.nube_enlace{text-align:center; padding-right:1px; padding-bottom:1px;}
.nube_enlace a{background-color:white; white-space:nowrap; padding:8px; width:100%; display:inline-block; border: 1px solid #d0d4db;}
.nube_enlace a:hover{/*text-decoration:underline;*/ background-color:#9a2628 !important;  border:1px solid #9a2628; color:white !important; font-weight:bold;}
.nube_enlace a:active{background-color:#263238 !important; border-color:#263238; color:#707F87 !important; fill:#707F87 !important;}
.nube_enlace a:visited{background-color:#d0d4db;}

.code_generated{
	text-align:center;
	color:var(--color-amanja-6);
	font-size:17px;
	line-height:20px;
	padding:6px 0;
}

/* ============================================================================================================================= */
/* ===================================================================================== ALERTAS Y NOTIFICACIONES ============== */
/* ============================================================================================================================= */
.notify{background-position:left center; background-repeat:repeat-y; background-color:#fff; color:#000; padding:15px 15px 15px 46px; text-align:left; font-size:16px; line-height:18px;}

.notify.info{background-image:url("notify_info.png"); border:1px solid #1f70a7;}
.notify.error{background-image:url("notify_error.png"); border:1px solid #cb0000;}
.notify.warn{background-image:url("notify_warn.png"); border:1px solid #ff9d02;}
.notify.confirm{background-image:url("notify_warn.png"); border:1px solid #ff9d02;}
.notify.idea_example{background-image:url("notify_idea_example.png"); border:1px solid #7cb342;}

.notify.med{background-size:19px auto; padding:10px 12px 10px 28px !important; font-size:14px; line-height:17px;}

.notify_mini{background-repeat:no-repeat; background-position:left top; background-size:23px 23px;padding-left:30px; font-size:12px; line-height:16px; text-align:left;}
.notify_mini.info{background-image:url('icn/info_circle-blue.svg'); color:#5090b3; min-height:23px;}

/* -------------------------------------- TOOLTIP ------------------------- */
#toolTip H4{color:#1c2229; margin-bottom:2px; font-size:14px; line-height:17px; font-weight:bold;}
#toolTip{
	position:absolute; display:none; z-index:5001; max-width:300px; font-size:12px; line-height:15px;
	padding:14px 14px; color:#1c2229; background-color:#c4cedb; background-repeat:no-repeat;
}
#toolTip.izquierda{	
	background-image:url('bg_tooltip_izquierda.png'); background-position: top left; padding-left:20px;
    -webkit-border-radius: 0px 5px 5px 5px; -moz-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;
    }
#toolTip.derecha{
    background-image:url('bg_tooltip_derecha.png'); background-position: top right; padding-right:20px;
    -webkit-border-radius: 5px 0px 5px 5px; -moz-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px;
}

/* ============================================================================================================================= */
/* ===================================================================================== ZONAS CONTENIDO EMERGENTE ============= */
/* ============================================================================================================================= */
.emergentTop{position:fixed; top:-50px; width:100%; visibility:hidden; pointer-events:none;}
.emergentBottom{position:fixed; bottom:-50px; width:100%; visibility:hidden; pointer-events:none;}

/* ============================================================================================================================= */
/* ================================================================================== MODALES Y VENTANAS EMERGENTES ============ */
/* ============================================================================================================================= */
.modal{
	display: none;
	width: 100%;
	height: 100%;
	position:fixed; top:0;
	background-image: url("overlay_oscuro.png");
	-webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
.modalContainer{
	text-align:center;
	margin:auto !important;
	
	transform:scale(0.94);
	opacity:0;
	transition: transform 300ms ease, opacity 300ms ease;
}

/*
@media all and (max-width:991px){
	.modalContainer>*:first-child{
		display:inline-block;
		margin:0 auto;
		overflow:hidden;
	}
}*/

@media all and (min-width:992px){
	.modal{padding:50px;}
}

.modalContainer > div:first-of-type{
	display:inline-block;
	margin:0 auto;

	position:relative;
	
	width: 100%;
	max-width: 800px;

	padding: 6px;
	background-color: rgba(255,255,255,0.4);  
	border: 1px solid rgba(255,255,255,0.5);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);

	-webkit-border-radius: 15px 32px 15px 15px;
	-moz-border-radius: 15px 32px 15px 15px;
	border-radius: 15px 18px 15px 15px;	
	/*
	-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	*/
}
.modalContainer > div:first-of-type > div:first-of-type {
	-webkit-border-radius: 10px 72px 10px 10px;
	-moz-border-radius: 10px 72px 10px 10px;
	border-radius: 10px 72px 10px 10px;
	/*background-color: var(--base-1);*/
	overflow:hidden;
}

/* ----------------- Header modal --------- */
.modalBar_top{
	padding:14px 33px 13px 20px;
	/*color:white;*/
	text-align:left;
	position:relative;
	/*border-bottom:1px solid var(--base-3);*/
	/*border-bottom:1px solid var(--base-9);*/

	background-image: url('bgs/bg_abstract_right.png');
	background-repeat: no-repeat;
	background-position: center;
	/*background-color:var(--base-2);
	background-color:#F2F4FF;*/
	/*background-color: #494E65;*/
	background-color: var(--base-9);
}

/* ----------------- Title modal --------- */
.modalTitle{
	font-size:26px;
	line-height: 28px;
	color:white;
	display:inline-block;
	font-family:var(--font_title);
	vertical-align: middle;
}

/* ----------------- Content modal --------- */
.modalContent, .modalContent2{text-align:left; /*background-color:var(--base-2);*/ background-color:var(--base-1); color:black; overflow-y:auto; padding:32px 32px;}

/* ----------------- Footer modal --------- */
.modalBar_bottom{
	padding:8px 16px;
	color:white;
	background-color:var(--base-9);	
	text-align:left;
	border-top: 1px solid var(--base-2);
	background-image: url('bgs/bg_abstract_left.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color:#F2F4FF;
}


/* ----------------- Botones modal X ---------- */
.modalClose{
	display:inline-block;
    width:21px;  
    height:21px;  
    background: url("icn/x_close_modal.svg");
	background-size:contain; 
    background-repeat:no-repeat;
    background-position:0px 0px;
	position: absolute;
	right: 5px;
	top: 6px;
	opacity: 0.9;
	z-index:2;
}			
.modalClose:hover{opacity:1;}
.modalClose:active{opacity:0.5;}
/* ------- */
.emergentClose{
	display:block;
    width:21px;  
    height:21px;  
    background: url("icn/x_close_circle.svg");
	background-size:contain; 
    background-repeat:no-repeat;
    background-position:0px 0px;
	opacity:0.4;
}			
.emergentClose:hover{opacity:0.8;}
.emergentClose:active{opacity:1;}

.modal_title{
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 16px;
}
.modal_description{font-size:15px; line-height:21px;}

.modalButton{
	color: white;
	background-color: var(--base-5);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), inset 0 -1px 1px rgba(0,0,0,0.2);
	background-image:url('bgs/bright.png'); background-size:contain; background-repeat:repeat-x;
}

/* ============================================================================================================================= */
/* ===================================================================================== PROCESOS ============================== */
/* ============================================================================================================================= */
/* ---------------------------------------------------- Barras de progreso --------- */
.progress_bar_container{
	background-color: #0c0d12;
	padding: 1px 0px;
	text-align: left;
	line-height: 0;
	position: relative;
}
/* ----- */
.progress_bar{
	background-color: #6fa61e;
	display: inline-block;
	min-height: 18px;
	padding: 1px;
	text-align: left;
	position: relative;
}
.progress_bar_mini{background-color:#6fa61e; min-height:4px;}
/* ----- */
.progress_bar_label{line-height:13px; font-size:11px; color:white; position:absolute; opacity:0.8;}
.progress_bar_label.l{top:3px; left:10px;}
.progress_bar_label.r{top:3px; right:10px;}

/* ============================================================ PRELOADERS ================================ */
.preloader_text{
    color:#FFF;
    padding-left:5px;
    margin-top:5px;
    font-size:13px;
 }
/*.preloader_list{padding:5px 15px; display:none; background-color:#8aaec2; color:white; font-size:14px; line-height:16px; text-align:left;}*/

.preloader_list{padding:20px 15px; display:none; background-color:#e4ecf2; color:#7b9fb3; font-size:14px; line-height:16px; text-align:center;}
.preloader_list span{padding-left:5px; line-height:22px; font-size:13px;}
/* ---------- Preloader simple --------- */
.preloader1{
	display:inline-block;
	vertical-align:middle;
    animation: rotate 0.7s infinite linear;
    -webkit-animation: rotate 0.7s infinite linear;
    /*---*/
	border-width:3px;
	border-style:solid;
	border-color:#9ea1a5;
	border-top-color:#fff !important;
	/*---*/
    -webkit-border-radius:100px;
	-moz-border-radius:100px;
    border-radius:100px;
	
    box-sizing:border-box;
    }
/* ---------- Preloader doble --------- */
.preloader2 {
	display:inline-block;
	vertical-align:middle;
	
    position:relative;
    /*border: 4px solid #fff;*/
    width:90px;
    height:90px;
    
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
    border-radius:100px;    
    
    box-sizing:border-box;
    background-repeat: no-repeat;
    background-position: center center;
    }
.preloader2 .l1 {
    animation: rotate 0.7s infinite linear;
    -webkit-animation: rotate 0.7s infinite linear;
    /*---*/
    position:absolute;
    width:inherit;
    height:inherit;    
    border: 1px solid var(--base-5);
	border-bottom: 4px solid transparent; border-left: 4px solid transparent;	
    top:0;
    left:0;
	    
    -webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
    }
.preloader2 .l2 {	
    animation: rotate 1s infinite;
    -webkit-animation: rotate 1s infinite;
    /*---*/
    position:absolute;
    width:inherit;
    height:inherit;
    border: 7px solid transparent;
    border-top: 7px solid var(--base-5);
    top:0;
    left:0;
    -webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
    }
/* --------------------- */
@keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
    }	
/* Chrome, Safari, Opera */ 
@-webkit-keyframes rotate {	
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% {-webkit-transform: rotate(359deg); transform: rotate(360deg);}
    }
/* --------------------------------------------------------------------------------- */
.parpadeo_rapido {  
	animation-name: parpadea;
	animation-duration: 0.1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name:parpadea;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

.parpadeo_lento {  
	animation-name: parpadea;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name:parpadea;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadea{0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; }}
@-webkit-keyframes parpadea {0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; }}
@keyframes parpadea {0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; }}