/*
INFO: Lenguaje visual general del proyecto: botones, cards, títulos, modales, cabeceras...

Reglas:
Si es parte del lenguaje visual reutilizable prácticamente en cualquier sección → Template.css
Si es una pieza funcional concreta compuesta por varios elementos → Components.css
*/

/* ============================================================================================================================= */
/* ===================================================================================== DECORATION ============================ */
/* ============================================================================================================================= */
.border{
	/*border:1px solid var(--base-3);*/
	border:1px solid rgba(0,0,0,0.12);
}

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

.borderAll{border:1px solid rgba(0,0,50,0.15);}
.borderTop{border-top:1px solid rgba(0,0,50,0.15);}
.borderBottom{border-bottom:1px solid rgba(0,0,50,0.15);}

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

.border_item{
	border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
	overflow: hidden;
}

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


/* -------------------------------------------------------------- */
/*
#header{
	position:fixed; width:100%; top:0px; z-index:500;
}*/
#header_bar_1{position:fixed; width:100%; top:0px; z-index:500;}
#header_bar_2{position:sticky; width:100%; top:50px; z-index:300;}

#b_menu_icon_hamburguer{
	/*color:white;*/
	/*color:var(--color-violeta-6);*/
	/*color: var(--color-verde-7);*/
	background-color: var(--base-8);
	height:32px;
	width:33px;

	-webkit-mask: url('icn/menu_opener_hamburguer.svg') center / contain no-repeat;
    mask: url('icn/menu_opener_hamburguer.svg') center / contain no-repeat;
}

#b_menu_icon_login{
	background-color:white;
	height:30px;
	width:30px;

	-webkit-mask: url('icn/user_circle.svg') center / contain no-repeat;
    mask: url('icn/user_circle.svg') center / contain no-repeat;
}

#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-7);
}


#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-7); filter: brightness(0.5);}

.slogan{
	font-size: 15px;
	line-height: 1.1em;
	color: var(--base-6);
	font-style: italic;
	font-weight: 600;
	padding-top: 0.2em;
}
/* ============================================================================================================================= */
/* ===================================================================================== RESPONSIVE (Min-Max) ================== */
/* ============================================================================================================================= */
/*@media all and (max-width:991px){*/

@media all and (max-width:1200px){	

	main{padding-top:50px;}


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

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

	#header_bar_1{
		background-color:white;
		border-bottom:1px solid var(--color-violeta-9);
		background-image:url('bgs/white-transparent.png');
		background-size:140%;
	}

	#header_bar_2{
		padding:12px 0;
		background-color:var(--base-1);
		/*border-bottom:1px solid var(--base-3);*/
	}

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

	#header-degradado{
		/*
		background-color: var(--color-violeta-6);
		background-image: linear-gradient(to right, var(--color-violeta-6), var(--color-rosaleta-5));*/
		background-color: var(--color-violeta-6);
		background-image: url('bgs/beauty-white-right.svg'), linear-gradient(to right, var(--color-violeta-6), var(--color-rosaleta-5));
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left center;
	}
	
	/*
	#logo_bar{
		text-align:center;
		line-height:0;
		position:absolute;
		z-index:550;
		pointer-events:none;
		width:100%;
		display:block;
		left:0;
		padding:0 72px;
	}*/

	#logo_header{
		/*
		width: 100% !important;
		max-width:266px;*/

		width:100%;
		max-width:150px;
    	/*margin-top:10px;*/
	}
	#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:51px;
		width:100%;
		overflow-y:hidden;
		height:0px;
		z-index:501;
		max-width: 480px;
	}

	#logo_bar{
		text-align:left;		
		padding-left: 12px;
		height: auto !important;
	}

	#menu_principal > :first-child{
		-webkit-border-radius: 0px 5px 22px 5px;
		-moz-border-radius: 0px 5px 22px 5px;
		border-radius: 0px 5px 22px 5px;
		overflow: hidden;
		/*border: 1px solid #a04ae0;*/
		/*border: 1px solid var(--base-4);*/
	}
	/*#menu_principal nav{border-top:1px solid #000;}*/

	.menu_separator{background-color:var(--base-8); height:3px;}

	/* ----------------------- BOTONERA MENU -------------------- */
	.btn_nav{
		/*display:block;*/
		display:flex;
		/*padding:11px 20px;*/
		padding:0px 16px 0px 16px;
		border-bottom:1px solid var(--base-4);
		/*white-space:nowrap;*/
		/*font-family:var(--font-title);*/	
		width:100%;
		color:var(--base-10);
		fill:var(--base-10);
		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;

		background-color: var(--color-violeta-6);
		background-image: linear-gradient(to right, var(--color-violeta-6), var(--color-rosaleta-5));*/
	}
	.btn_nav:hover{	filter:brightness(1.3); /*background-image:url('degradado-white-vertical.png'); border-bottom:1px solid var(--base-6);*/}
	.btn_nav:active{
		/*background-color:var(--base-11) !important; background-image:none;*/
		filter:brightness(1);
		background-image: none;
		background-color:#263238;
	}
	.btn_nav:last-child{padding-right:0 !important;}
	
	.btn_nav.mark{
		/*font-weight:bold;*/
		border-left:6px solid var(--color-verde-5);
		/*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);
	}

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

	.menu_ico{
		margin-right:5px;
		display:inline-block;
	  	width:40px;
		min-width:40px;
	  	height:34px;
	  	text-align:center;
	  	background-repeat:no-repeat;
	  	background-position:center;
	  	background-size: contain;	  	
    	vertical-align: middle;
    	opacity:0.8;
		-ms-flex-item-align:center !important;
		align-self:center !important;
	}

	.menu_text{		
		padding: 14px 0;
		vertical-align: middle;
		display: inline-block;
		-ms-flex-item-align:center !important;
		align-self:center !important;
	}
	.menu_titulo{
		font-size:16px;
		line-height:17px;
		/*font-weight:bold;*/
		font-weight: 600;
		/*text-transform: uppercase;*/
	}
	.menu_subtitulo {
		display: inline-block;
		/*font-family: var(--font-title);*/
		font-size: 13px !important;
		line-height: 15px;
		margin-top: 3px;
		display: block;
		/*opacity: 0.7;*/
		color:var(--base-6);
	}

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

	/*
	.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:#DCDDEB;}
}

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

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

	main{padding-top:50px;}

	#header_bar_1{
		background-color:white;
		border-bottom:1px solid var(--color-violeta-9);
		background-image:url('bgs/white-transparent.png');
		background-size:100%;
	}

	#header_bar_2{
		padding: 12px 0;
    	background-color: var(--base-1);
    	/*border-bottom: 1px solid var(--base-3);*/
	}

	#header-degradado{
		background-color: var(--color-violeta-6);
		background-image: linear-gradient(to right, var(--color-violeta-6), var(--color-rosaleta-5));
	}

	#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:8px;}
	#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:flex;
		padding: 6px 12px;
		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);*/
		background-color: #9347DF;
	}

	.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{
		color:white;
		/*background-color:var(--color-violeta-5);*/
		/*background-color:#9237ED;*/
		background-color: #9347DF;
	}
	/*.btn_nav.mark:hover{background-color:#666666}*/
	/*.btn_nav.mark:active{color:#D3D3D3; background-color:#000;}*/
	
	.btn_nav.destacado{
		/*
		text-decoration: underline;
  		font-weight: bold;*/
		color: #92E62B;
	}

	.menu_ico{
		/*display:none;*/
		display:inline-block;
	  	width:28px;
	  	height:28px;
		background-size: contain;
	}

	/* -------- */
	.btn_nav_only_icon{
		padding:0 !important;
		line-height: 0;
		vertical-align: middle;
		/*
		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_ico{
		margin-right:4px;
		display:inline-block;
	  	width:28px;
	  	height:28px;
	  	text-align:center;
	  	background-repeat:no-repeat;
	  	background-position:center;
	  	background-size: contain;	  	
    	vertical-align: middle;
    	opacity:0.85;
		-ms-flex-item-align:center !important;
		align-self:center !important;
	}
	.menu_text{
		vertical-align: middle;
		display: inline-block;
		-ms-flex-item-align:center !important;
		align-self:center !important;
	}

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

/* ================================================================ 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-3);

	/*background-color: var(--base-2);*/
	/*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:8px 6px 14px 6px;
    /*border-right: 1px solid var(--base-3);*/
	color: var(--base-6);
	fill: var(--base-6);
}
.b_menu_inferior:hover{
	/*
    color: var(--color-violeta-7);
    fill: var(--color-violeta-7);
    background-color: var(--color-violeta-2);*/
	background-color:white;
}
.b_menu_inferior:active{
	color: var(--base-4);
    fill: var(--base-4);
    background-color: var(--base-9);
}

.b_menu_inferior .icontainer{
    height:22px !important;
	line-height:0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.b_menu_inferior icon{
    height: 22px;
	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 =============================== */
/* ============================================================================================================================= */
.maxLines {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--max-lines, 3);
	line-clamp: var(--max-lines, 3);
	overflow: hidden;
}

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

.codeField{
	width: 100%;
	min-height: 300px;
	max-height: 800px;

	font-family:var(--font-code) !important;

	font-size: 16px;
	line-height: 1.5;
	tab-size: 4;
}
.codeField.nowrap{
	white-space: pre;
	overflow-wrap: normal;
	overflow-x: auto;
}

/* ================================ TÍTULOS SECCIONES ============================== */
.sectionTitle{
	font-family:var(--font-body);

	/*
	font-size:26px;
	line-height:28px;*/
	
	/*font-size: clamp(24px, calc(1rem + 2vw), 32px);*/
	font-size: clamp(21px, calc(21px + 1vw), 32px);

	line-height: 1.2;

	/*padding-left:0.5em;*/
	/*border-left:0.2em solid var(--color-amanja-6);*/
	/*border-left:0.2em solid var(--color-verde-6);*/

	display: flex;
  	align-items: center;
  	gap: var(--icon-gap, .5em);

	/*padding:1em 0 0.55em 0;*/
	padding:0.7em 0 0.55em 0;
}
.sectionTitle::before{
	content: "";
	flex: 0 0 auto;
	background-color: var(--icon-color, currentColor);
	-webkit-mask: var(--icon) center / contain no-repeat;
	mask: var(--icon) center / contain no-repeat;
	height: 1.5em;
	width: 1.5em;
	mask-position: center center;
    align-self: start;
	margin-top: 0.22em;
}
.sectionTitle .title{
	/*
	font-size:inherit; 
	line-height:inherit;*/
	line-height: 1.15;
	color:var(--base-11);
}
.sectionTitle .subtitle{	
	/*
	margin-top: 4px;
	font-size: 17px;
	line-height: 19px;*/
	font-size: clamp(11px, calc(11px + 1vw), 16px);
	line-height: 1.2;
	color: var(--base-7);
}

/* Si queremos envolver sectionTitle en una barra horizontal o con una línea inferior */
.envolve-Bar{
	padding:14px 0;
	
	border-bottom:1px solid rgba(0,0,0,0.2);
	background-color:white;

	/*
	border-bottom:1px solid var(--color-verde-3);
	background-color: var(--color-verde-1);*/

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



.apartadoTitleOver{
	font-size: 15px;
	line-height: 17px;
	/*color: #7f8691;*/
	color:var(--base-7);
	margin-bottom: 26px;
}


/* --------------------------- TITULO DE APARTADOS ---------------------- */

.title_block{
	font-family: var(--font-title);
	margin-bottom: 1em;
	display: inline-flex;
	gap: 10px;
	align-items: center;
	font-weight: 700;
}

.title_block.box{padding:0.5em 1em; background-color:var(--base-6); border-radius:5px;}
.line{padding-left:0.5em; /*border-left:0.2em solid var(--color-amanja-6);*/ border-left:0.2em solid var(--color-verde-6);}
.title_block.lineunder{padding-bottom:0.5em; border-bottom:1px solid rgba(0,0,50,0.5); width:100% !important;}

.title_block .subtitle{
	opacity: 0.7;
    font-weight: 400;
}

.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:17px; line-height:18px; margin-top:2px;}

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

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

.title_block.size-8{font-size:17px; line-height:18px;}
.title_block.size-8 .title{font-size:inherit; line-height:inherit;}
.title_block.size-8 .subtitle{font-size:15px; line-height:16px; margin-top:2px;}


/* ----------------------- */
.title_block.size-variable-1{color:var(--base-10);}

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


.txt-small{font-size:13px; line-height:15px; color:var(--base-5); fill:var(--base-5);}
.txt-mini{font-size:11px; line-height:13px; color:var(--base-5); fill:var(--base-5);}

.txt-statistics{color: var(--base-6); font-size:12px; line-height:12px; /*margin-top:1px;*/}

/* --------------------------- ICONO TITULO DE APARTADOS ---------------------- */

.iconTitle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: color-mix(in srgb, currentColor 24%, white);
    position: relative;
    flex: 0 0 auto;
    display: block;
}

.iconTitle::before {
    content: "";
    position: absolute;
    inset: 8px;
    background-color: currentColor;

    mask: var(--icn) center / contain no-repeat;
    -webkit-mask: var(--icn) center / contain no-repeat;
}

/* --------------------------- SUPERFICIES / CARDS ---------------------- */
legend{
	font-family: var(--font-title);
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--base-10) !important;
	font-size: 22px;
	line-height: 24px;
	font-weight: 700;
	border: none;
	background: none !important;
	padding: 0;
	position: absolute;	
}

.sublegend{
	font-size: 15px;
	line-height: 1.2;
	color: var(--base-8);
	margin-bottom:16px;
}

/* --------------------------- TITULO DE COLUMNAS ---------------------- */
.titleColumn{
	/*text-align: center;*/
    padding: 8px 16px;
	margin-bottom: 20px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 15px;
}
.titleColumn.dar{
	color: var(--color-verde-6);
    background-color: var(--color-verde-2);
}
.titleColumn.recibir{
	color: var(--color-violeta-6);
    background-color: var(--color-violeta-2);
}

/* -------------------------------------------------- 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; font-size:14px; line-height:17px;}
.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:inherit;
	line-height:inherit;
	
}
.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;}

.cita {
	display: inline-block;
	color: #2d2820;
	font-style: italic;
	font-size: 30px;
	line-height: 33px;
	text-align: center;
	font-family: "read","Times New Roman", serif;
	/*
	background-image: url('comillas-left.svg');
	background-size: 52px auto;
	background-position: 15px 20px;
	background-repeat: no-repeat;*/

	background-image: url('pliegue_sup_izda.png');
	background-repeat:no-repeat;
	background-size: 56px;

	background-color: #f5d7b3;
	/*padding: 15px 30px;*/
	padding: 1rem 2rem;
}
.cita-left {
	display: inline-block;
	color: #2d2820;
	font-style: italic;
	font-size: 30px;
	line-height: 33px;
	text-align: center;
	font-family: "read","Times New Roman", serif;
	background-image: url('icn/comillas-left.svg');
	background-size: 52px auto;
	background-position: 15px 20px;
	background-repeat: no-repeat;
	background-color: #f5deb3;
	padding: 15px 15px 15px 78px;
}
.cita-credits {
	color: #706552;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    margin-top: 1px;
}


/* ------------------------------------------- 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;
	font-size: 15px;
	line-height: 18px;
	fill: var(--base-8);
	text-align: center;
	background-color: var(--base-1);
	border: 1px solid var(--base-3);
	border-radius: 5px;
	color: var(--base-8);
}

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

.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 6px 16px;
	color:white;
	background-color: var(--color-verde-5);
	/*background-color: var(--base-9);*/
	font-weight: bold;
}

.b_drop{
    display: block;
	white-space: nowrap;
	/*font-family: var(--font-title);*/
	font-size: 15px;
	line-height: 37px;
	/*
	color: white;
	fill: white;
	*/
	color: var(--base-10);
  	fill: var(--base-10);

	width: 100%;
	text-align: left;
	padding: 3px 20px 3px 8px;
	/*background-color: #eef2f8;*/
	border-top: 1px solid var(--base-4);
	/*background-image: url('degradado-white-vertical.png');
	background-repeat: repeat-x;
	background-size: contain;*/
	min-width: 286px;
	/*
	background-color: var(--color-violeta-6);
	background-image: linear-gradient(to right, var(--color-violeta-6), var(--color-rosaleta-5));*/
	background-color: var(--base-1);
  	font-family: var(--font-body);
	font-weight: 600;
}
.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{
	filter:brightness(1);
	
	color:var(--base-4); fill:var(--base-4);
	background-image: none;
	background-color:#263238;
}

.b_drop .ic{display:inline-block; width:41px; text-align:center; /*color:var(--color-violeta-1);*/}

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

.toUnderline:hover{text-decoration:underline; text-decoration-color:currentColor;}
.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:var(--color-violeta-6) !important; fill:var(--color-violeta-6) !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 8px 16px;
	/*padding:11px 16px 10px 16px;*/
	position:relative;
	line-height:normal;
	font-size:var(--font-size-btn_box);
	line-height:1.2;
	font-family:var(--font-title);
	color:white;
	background-color: var(--color-verde-6);
	/*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{
	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{
	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;*/
	padding:7px 13px 6px 13px;
	min-height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.btn_box.med{font-size:17px; line-height:19px; padding:11px 17px 10px 17px; min-height:auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.btn_box.big{font-size:18px; line-height:20px; padding:15px 22px 13px 22px; min-height:auto; -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);
	/*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_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_border{
	fill: currentColor;
	background-color: transparent;
	border: 1px solid color-mix(in srgb, currentColor, white 30%) !important;
}
.btn_border1{
	fill: currentColor;
	background-color: transparent;
	border: 1px solid currentColor !important;
}
.btn_border2{
	fill: currentColor;
	background-color: transparent;
	border: 2px solid currentColor !important;
}
.btn_border3{
	fill: currentColor;
	background-color: transparent;
	border: 3px solid currentColor !important;
}
.btn_coloured{	
	fill: currentColor;
	background-color: color-mix(in srgb, currentColor, white 85%) !important;
    /*border: 1px solid currentColor;*/
	border: 1px solid color-mix(in srgb, currentColor, white 30%);
}
.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(255,255,255,0.3) !important;

	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);

	border: 1px solid rgba(255,255,255,0.46) !important;
}
.btn_semitransparent_white:hover{background-color: rgba(0,0,0,0.2) !important; }


/* --------------------------------------------- ICON BUTTONS: Solo icono ---------------- */
.btn_ico{
	-webkit-transition: transform 100ms linear;
	-ms-transition: transform 100ms linear;
	transition: transform 100ms linear;
}

.btn_ico:hover{filter:brightness(1.2); filter:saturate(3); transform:scale(1.1); /*color:currentColor !important;*/}

.btn_ico:active{
	transform:scale(1);

	filter:none;
	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_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 span{padding-left:5px; vertical-align:middle;}


.btn_ico.ico_solo.inactivo:not(:hover) {
    background-color: var(--base-4) !important;
}


.btn_ico.ico_circle{
	font-size: 22px;
}
.btn_ico.ico_circle.inactivo:not(:hover) {
	border: 1px solid var(--base-3) !important;
    color: var(--base-5) !important;
	background-color: var(--base-1) !important;
}


/*
.btn_ico{
	background-color:currentColor;
	display:inline-block;
	vertical-align:middle;

	-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.tool{color:#BEBDC1; width:20px;}
.btn_ico.tool:hover{background-color:#71B81C;}

/* ---------------------------------------- Iconos específicos ----- */
.btn_ico.editar{--icon:url('icn/edit.svg'); background-color:var(--color-verde-6);}
.btn_ico.compartir{--icon:url('icn/share.svg'); background-color:var(--color-verde-6);}
.btn_ico.like{--icon:url('icn/like.svg'); background-color:var(--color-azul-6);}
.btn_ico.favorito{--icon:url('icn/favoritos.svg'); background-color:var(--color-rojo-5);}
.btn_ico.chat{--icon:url('icn/chat.svg');}


.btn_ico.transfer{--icon:url('icn/dharma_circle.svg');}


.btn_ico.preview{--icon:url('icn/eye-white.svg'); background-color:var(--color-verde-6); font-size:15.5px; height:1.4em;}
.btn_ico.show{--icon:url('icn/eye-white.svg');}
.btn_ico.hide{--icon:url('icn/eye_no.svg'); background-color: var(--color-amanja-5);}

.btn_ico.delete{--icon:url('icn/delete.svg'); background-color:var(--color-rojo-5);}




/* ----------------------- ICONOS INCLUIDOS EN BOTONES CON TEXTO o CUALQUIER OTRO ELEMENTO (center, left, right) -------------------------- */
.ico-center{text-align:center !important;}
.ico-center::before {
	display:block;
	transform:none !important;
}

.ico-left, .ico-right {
	display:inline-flex;
	align-items:center;
	gap:var(--icon-gap, .5em);
}

.ico-left::before, .ico-right::after, .ico-center::before{
	content: "";
	flex:0 0 auto;

	width:1.01em;
    height:1.01em;

	transform: scale(var(--icon-scale, 1.1));
  	transform-origin: center;

	background-color:var(--icon-color, currentColor);

	-webkit-mask: var(--icon) center / contain no-repeat;
    mask: var(--icon) center / contain no-repeat;
}
/*.btn_box[style*="--icon"] {--icon-scale:1.3;}*/
.nomask{mask:none !important; background:var(--icon) left center / 1em no-repeat;}
.nomask::before{content:""; mask:none !important; background-color:transparent;}


/* ----------------------- ICONOS SOLOS SUELTOS ------------------------ */
.ico_solo{
	color: inherit;
	width: 1.45em;
	height: 1.45em;
	text-align: center !important;
	line-height: 0;

	content: "";
	background-color: var(--icon-color, currentColor);

	-webkit-mask: var(--icon) center / contain no-repeat;
	mask: var(--icon) center / contain no-repeat;

	-webkit-mask-position: center;
	mask-position: center;
}


/*
.ico_solo::before{
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--icon-color, currentColor);

	-webkit-mask: var(--icon) center / contain no-repeat;
	mask: var(--icon) center / contain no-repeat;

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


/* ----------------------- ICONOS DENTRO DE UN CÍRCULO ------------------------ */
.ico_circle{
	color:white;

	width: 1.45em;
    height: 1.45em;

	background-color: var(--color-violeta-5);
	border-radius: 50%;
	text-align: center !important;
	line-height: 0;

	/*padding: 0.26em;*/
	padding:0.34em;
}
.ico_circle::before{
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--icon-color, currentColor);

	-webkit-mask: var(--icon) center / contain no-repeat;
	mask: var(--icon) center / contain no-repeat;

	-webkit-mask-position: center;
	mask-position: center;
}


/* --------------------------------------------- TEXT BUTTONS ---------------- */
/*.btn_txt{color:inherit;}*/
.btn_txt{/*color:var(--color-violeta-6)*/ color:var(--color-verde-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;
}

/* --------------------------------------------- IMAGE BUTTONS ---------------- */
.btn_img{
    width:100%;
	overflow: hidden;
}
.btn_img:hover{filter:brightness(1.3);}
.btn_img:active{filter:none; box-shadow:inset 2px 4px 9px rgba(0, 0, 0, 1) !important; background-color:var(--base-7) !important;}

.btn_img>img {width:100%; height:100%; object-fit:cover;}
.btn_img:active img{opacity:0.7;}


/* ================================================================ BOTONES ESPECÍFICOS ============ */
.b_oauth{
	width: 100%;
	border: 1px solid white;
	text-align:center;
	padding: 7px 10px 7px 40px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	margin-bottom:8px;	
}
.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-3); cursor:pointer; white-space:nowrap; width:58px; text-align:center; width:100%;}
.selectable:hover{/*opacity:0.8;*/ background-color:var(--base-3);}
.selectable:active{/*opacity:1;*/ background-color:#41414e; color:#9999a4;}
.selectable.mark{background-color:#72ae30; color:#fff; font-weight:bold; pointer-events:none;}

/* ============================================================================================================================= */
/* ====================================================================================== SWITCHERS ============================ */
/* ============================================================================================================================= */

/* ============================================================= SWITCH ON/OFF ====================================== */
.switch{
	height:20px;
	width:40px;
	padding:2px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	cursor:pointer;
	display: inline-block;
	vertical-align: bottom;
}

.switch.on{
	/*background-color:#2e7d32;*/
	background-color:var(--color-verde-6);
}
.switch.off{
	/*background-color:#c62828;*/
	background-color:#8192A6;
}

.handle{	
	width:16px;
	height:16px;
	background-color:white;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;

	-webkit-transition: margin-left 200ms linear;
	-ms-transition: margin-left 200ms linear;
	transition: margin-left 200ms linear;
}
.switch.on .handle{
	margin-left:20px;
}
/* ============================================================= SWITCH ON/OFF ====================================== */
.switch-tabs {
	--index: 0;
	--count: 2;
	--padding: 4;
	font-size: 14px;
	line-height: 16px;
	position: relative;
	display: flex;
	padding: calc(var(--padding) * 1px);
	border-radius: 22px;

	overflow: hidden;

	background-color: rgba(0,0,100,0.09);
    border: 1px solid rgba(0,0,25,0.04);
}

.switch-tab {
	position: relative;
	z-index: 2;
	flex: 1;
	border: 0;
	background: transparent;
	color: var(--base-7);
	padding: 9px 0px;
	border-radius: 18px;
	font: inherit;
	font-weight: 600;
	/*font-weight: 600;*/
	cursor: pointer;
	text-align: center;
	transition: color .25s ease, background-color .25s ease;
}

.switch-tab:hover {
	/*background-color:var(--base-1);*/
	background-color:rgba(255,255,255,0.6);
}
.switch-tab:active {
	background-color:transparent;
}

.switch-tab.active {
	color: white;
	pointer-events: none;
}

.switch-tab .icon {
	display: block;
	font-size: 20px;
	margin-bottom: 2px;
}

.switch-tab-indicator {
	position: absolute;
	top: calc(var(--padding) * 1px);
	left: calc(var(--padding) * 1px);

	width: calc((100% - (var(--padding) * 2px)) / var(--count));
	height: calc(100% - (var(--padding) * 2px));

	transform: translateX(calc(var(--index) * 100%));

	background-color: var(--color-verde-6);
	border-radius: 18px;
	transition: transform .28s cubic-bezier(.22, 1, .36, 1), width .28s cubic-bezier(.22, 1, .36, 1);
}


/*
.switch-tab-content {
	display: none;
	margin-top: 30px;
	padding: 24px;
	border-radius: 24px;
	background: #223244;
}

.switch-tab-content.active {
	display: block;
}*/

/* ============================================================================================================================= */
/* ====================================================================================== SLIDERS ============================ */
/* ============================================================================================================================= */
/* SLIDER BASE */
.slider {
	--gap:0px;
    position: relative;
}
.slider.separador{
	--gap: 64px;
}

/* TRACK */
.slider__track {	
    display: flex;
    gap: var(--gap);

    overflow-x: auto;

    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;

    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.slider__track::-webkit-scrollbar {
    display: none;
}

/* SLIDES */
.full-slide {
    position: relative;
    flex: 0 0 100%;
    scroll-snap-align: start;
}

.mobile-slide {
    position: relative;
    flex: 0 0 100%;
    scroll-snap-align: start;
}

/* TAMAÑO: MÓVIL */
@media (max-width: 575px) {
    .slider.separador .mobile-slide::after {
        display: none;
    }
}

/* TAMAÑO: TABLET - 2 VISIBLES */
@media (min-width: 576px) {

    .mobile-slide {
        flex-basis: calc((100% - var(--gap)) / 2);
    }

    .slider.separador .mobile-slide::after {
        content: "";
        position: absolute;
        top: 10%;
        right: calc(var(--gap) / -2);

        
        height: 80%;

		/*width: 1px;
        background: rgba(45, 55, 85, .20);*/

		border-left: 1px solid var(--base-4);
        pointer-events: none;
    }

    .mobile-slide:last-child::after {
        display: none;
    }
}

/* TAMAÑO: DESKTOP - 3 VISIBLES */
@media (min-width:992px) {
    .mobile-slide {
        flex-basis: calc((100% - var(--gap)*2) / 3);
    }
}

/* ============================================================================================================================= */
/* ====================================================================================== 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;*/
	color: var(--base-9);

	/*background-color:rgba(255,255,255,0.85);*/
	background-color: var(--base-2);
	

	text-align:center;
    padding:9px 8px 8px 8px;
    margin:1px 3px 0px 3px;
	
	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:600;
	pointer-events: none;
	/*margin-bottom:-1px;*/
	background-image: none;
	color:inherit !important;
	/*border: none !important;*/
}


/* ========================= PESTAÑAS SMALL ================== */
.b_pestanya_small{
	color: var(--base-7);
	background-color: var(--base-3);
	text-align:center;
    padding:8px 8px 7px 8px;
    
	/*margin:3px 3px 0px 3px;*/
	margin:3px 1px 0px 0px;
	
	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-pestanya);
	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-pestanya);
	font-weight: 600;
	pointer-events: none;
	margin-bottom:-1px;
	/*border: none !important;*/
}

/* ========================================================================================================================================= */
/* ====================================================================== PROFILES ========================================================= */
/* ========================================================================================================================================= */
.hero-header-container{
	position:relative;
	/*background-color:var(--base-7);*/
}

/* ========================================================================================================================================= */
/* ====================================================================== FLEX GALLERY ===================================================== */
/* ========================================================================================================================================= */
.surfaceCardMini{
	background-color: white;
	padding: 14px 16px;
	border-radius: 14px;
	border: 1px solid rgba(0,0,0,0.12);
}

/* Tamaño inferior a MD */
@media (max-width: 768px) {

	.gapMinNone{gap:0 !important;}

	.modalContent, .modalContent2 {
		padding-left: calc(2vw + 12px);
		padding-right: calc(2vw + 12px);
	}

	.bgCardItems{
		background-color: var(--base-1) !important;
	}

	fieldset{
		padding-top: 82px !important;
	}

	legend{
		top: 32px;
		left: 20px;
	}

	.surfaceCardsContainer{
		display: block;
		padding-top:0 !important;
		padding-bottom:0 !important;
	}

	.surfaceCard{
		padding: 42px 22px;
		background-color: white;
		margin-left: calc(-2vw - 12px) !important;
		margin-right: calc(-2vw - 12px) !important;
		position: relative;
		
    	border-top: 1px solid rgba(0,0,0,0.15) !important;
		border-bottom: none !important;
	}

	.surfaceCard:nth-child(odd) {
  		background: white;
	}

	.surfaceCard:nth-child(even) {
		background:var(--base-1);
	}

	.landing_background{
		background:none !important;
	}

	.categoryFlexCell{
		position: relative;
		min-width: 148px;
		height: 234px;
		flex: 1 1 200px;
		flex: 1 1 clamp(140px, 25%, 220px);
	}
	.cell-categoryCardInfoContainer{position:absolute; bottom:0px; left:0px; right:0px; padding:8px 12px 8px 12px; height:78px; overflow: hidden;}

	/* --------------- */
	.cardItemContentPad{
		padding: 10px 12px 10px 12px;
	}
	.anuncioPriceContainer .dharmas_hoja{
		font-size:17px;
  		line-height:17px;
		padding-right: 1.16em;
		background-size: auto 73%;
	}

}

.cellTitle.dar{color:white; background-color:var(--color-verde-6);}
.cellTitle.recibir{color:white; background-color:var(--color-violeta-6);}


/* Tamaño superior a MD */
@media (min-width: 768px) {

	.modalContent, .modalContent2 {
		padding-left: 32px;
		padding-right: 32px;
	}

	fieldset{
		padding-top: 74px !important;
	}

	legend{
		top: 19px;
		left: 24px;
	}

	.surfaceCard{
		padding: 24px 30px;
		background-color:white;
		border:1px solid var(--surface-card-border);

		-webkit-border-radius:var(--surface-card-radius);
		-moz-border-radius:var(--surface-card-radius);
		border-radius:var(--surface-card-radius);

		box-shadow:var(--surface-card-shadow-soft);

		/* ------ */
		overflow: hidden;
		position: relative;			
	}

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

	.categoryFlexCell{
		position: relative;
		/*min-width: 140px;*/
		/*min-width: 200px;*/
		width:211px;
		height:281px;
		flex: 1 1 200px;
		flex: 1 1 clamp(140px, 25%, 220px);
	}
	.cell-categoryCardInfoContainer{position:absolute; bottom:0px; left:0px; right:0px; padding:8px 12px 8px 14px; height:65px; overflow: hidden;}

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

	.cardItemContentPad{
		padding: 10px 16px 10px 16px;
	}
}



.cellTitle{
	font-size: var(--font-size-description-title);
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 12px;
}

.cardItemRedaction{
	font-size: var(--font-size-description);
	line-height: 1.3;
	text-align: left;
	color: var(--base-8);
	word-break: break-word;
	white-space: pre-line;	
}


/* --------------------------------- Card Items ------------------- */
.surfaceItemCard{
	background-color:white;
	border:1px solid var(--surface-card-border);

	overflow: hidden;
	-webkit-border-radius: 13px;
  	-moz-border-radius: 13px;
	border-radius:13px;

	/*box-shadow:var(--surface-card-shadow-soft);*/
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);

	/*border: 2px solid rgba(0,0,20,0);*/
  	border: 2px solid white;

	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.surfaceItemCard:hover{
	transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.08);

	filter:brightness(1.1);
	/*opacity:0.9;
	background-color:white;*/

    /*border-color: #d7c8f3;*/
}
/*
.surfaceItemCard:active{
	transform: translateY(0px);
}*/





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

.cardStructure{
    display: flex !important;
    flex-direction: column;
    height: 100%;
}

.cardStructure-header {
    flex-shrink: 0;
}

.cardStructure-content {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.cardStructure-footer {
    flex-shrink: 0;
}


/* ---------------------------- Gallery Grid Footer ------- */
.cardItemFooter{
	position: relative;
	grid-template-columns: repeat(auto-fit, minmax(20px, auto));

	font-size: 14px;
	line-height: 0;
	text-align:left;
	
	background-color: var(--base-1);
	border-top: 1px solid var(--base-3);
	color: black;
	padding: 8px 12px;
	min-height: 39px;
	
	margin-top: auto;
    flex-shrink: 0;
	}
.cardItemFooterWhite{
	position: relative;
	grid-template-columns: repeat(auto-fit, minmax(20px, auto));

	font-size: 14px;
	line-height: 0;
	text-align:left;
	
	background-color:white;
	border-top: 1px solid var(--base-2);
	color: black;
	padding: 8px 12px;
	min-height: 39px;
	
	margin-top: auto;
    flex-shrink: 0;
	}

/* ========================================================================================================================================= */
/* ====================================================================== ANUNCIOS CARDS =================================================== */
/* ========================================================================================================================================= */
.cell-floatButtons{
	position: absolute;
	top: 9px;
	right: 9px;
	font-size: 14px;
    line-height: 0;
}

.cell-anuncioImageContainer{/*height:220px;*/ aspect-ratio:1 / 1;}
.cell-anuncioImageContainer .image {width:100%; height:100%; object-fit:cover; object-position:center center;}
.cell-anuncioImageContainer .icono {width:100%; height:100%; object-fit:none;}

.anuncioPriceContainer{
	font-size: 14px;
	line-height: 14px;
	padding:7px 0 6px 0;
}
.anuncioDescriptionPreview{
	font-family: var(--font-body);
	padding: 12px 16px 12px 16px;
	font-size: 14px;
	color: #263238;
	word-break: break-word;
	white-space: break-spaces;
	overflow: auto;
	scrollbar-width: thin;
	position: absolute;
	background-color: rgba(255,255,255,0.9);
	bottom: -290px;
	height: 100%;
}
.anuncioExtraLine{
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	padding-left: 38px;
	color: var(--base-7);
	display:none;
}

/* ============================================================================================================================= */
/* ======================================================================================= 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: 4px;
	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;}


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

.cardClickable{cursor:pointer;}
.cardClickable:hover{/*opacity:0.8;*/ background-color:white !important;}
.cardClickable:active{
	/*opacity:0.8;*/
	/*color:#a8b5be !important;
	fill:#a8b5be !important;*/
	background-color:var(--base-3) !important;

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

}

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

.cardconcept-title{
	color:var(--base-10);
	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-8);
	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-8); font-size:var(--font-size-secondary); line-height:1.3;}
.cardconcept-footer{position:absolute; left:0px; bottom:0px; width:100%;}


/* ----------------------------------------------- Card List ----------------- */
.cardlist{
	border-bottom: 1px solid #B4C4CC;
}
.cardlist-padding{padding:16px 0px;}

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


/* ----------------------------------------------- Card Mini ----------------- */
.cardmini{
	overflow:hidden;
	position:relative;
	height:100%;
	background-color:white;
	border-radius:16px !important;
	box-shadow: 0 4px 10px rgba(0,0,0,0.04) !important;
    border: 1px solid var(--base-3);
}
.cardmini:has(.card_footer){padding-bottom:54px;}
.cardmini:has(.card_footer-air){padding-bottom:54px;}

.cardmini-padding{padding:16px 16px;}

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

.cardmini-title{
	font-family: var(--font-body);
  	font-size: 15px !important;
  	/*line-height: 17px;*/
	line-height: 1.3;
  	font-weight: 600 !important;
}
.cardmini-title2{
	font-family: var(--font-title);
    font-size: 17px !important;
    line-height: 19px;
    font-weight: 600 !important;
}

.cardmini-subtitle{
	margin-top: 4px;
	margin-bottom: 4px;

	font-family: var(--font-body);
	font-size: 13px !important;
	line-height: 15px;
	font-weight: 500 !important;
	color: var(--base-8);
	
	padding-left: 8px;
    border-left: 3px solid var(--color-verde-6);
}


.cardmini-subtitle2{
	font-size: 14px;
	line-height: 17px;
	font-weight:600;
	color:#37474f;
	padding-top: 4px;
	padding-bottom: 6px;
}


.cardmini-description{
	padding-top:4px;
	font-size: 13px;
	line-height: 17px;
	color: var(--base-6);
}

.cardmini-details{
	font-size:15px;
	line-height:17px;
	margin-top:1px;
}


/* ----------------------------------------------- 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-padding{padding:19px 24px;}

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

.card-title-margin{margin-bottom:16px;}
.card-title{
	font-size:19px;
  	line-height:21px;
  	font-family:var(--font-title);
}
.card-subtitle{
	font-size:var(--font-size-description-title);
	line-height: 1.2;
	margin-bottom: 12px;
	color: var(--color-amanja-6);
	font-weight: 600;
}

/* --------------------- */
.card-insignia{height:103px; filter:drop-shadow(3px 4px 5px rgba(0, 0, 0, 0.45));}
.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: var(--font-size-secondary);
	line-height: 1.42;
	color:var(--base-8);
	/*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_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-6);
	padding: 8px 16px 7px 16px;
	text-align: right;
	display: block;
	font-size:var(--font-size-description-title);
	border-bottom: 1px solid var(--base-3);
	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-11);
	.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 BLOCKS -------------- */
.price_block{color: var(--color-verde-6-overdark);}
.price_block .field-price{font-size:26px; line-height:27px; font-weight:bold;}
.price_block .field-divisa{font-size:14px; line-height:14px; padding-left:3px;}

.price_block_equivalence{color:var(--base-6); font-size:12px; line-height:12px;}
.price_block_equivalence .field-price{font-size:10px;}
.price_block_equivalence .field-divisa{font-size:9px;}

.pill{
	font-size: 11px;
	line-height: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 12px;
	border-radius: 999px;
	color: #fff;

	font-weight: 700;
	text-transform: uppercase;
	min-width: 78px;

	color:var(--color-verde-6);
	background-color: color-mix(in srgb, currentColor 17%, white);
    border: 1px solid color-mix(in srgb, currentColor 31%, white);
}

/* ------------------------------ VALORACIÓN CELLS -------------- */
.valoracion_cell{
	font-size:14px;
	line-height:17px;
	border-top: 1px solid rgba(0,0,0,0.15);
	padding-top: 8px;
    padding-bottom: 8px;
}
.valoracion_cell:last-child{
	padding-bottom: 0px;
}
.valoracion_pendiente{
	font-size: 12px;
	line-height: 13px;
	text-transform: uppercase;
	color: var(--base-6);
	font-weight: 600;
	margin-bottom: 1px;
}
.valoracion_concepto{
	color: var(--base-5);
    font-size: 13px;
    line-height: 14px;
}

/* ------------------------------ 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; line-height: 1.1; font-weight: 700; }
.countCell-dark__label { color:var(--cf-muted); font-size: .9rem; line-height: 1.05; margin-top:6px;}


.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:auto; /*background-color:white;*/ scrollbar-width:none; scrollbar-color:#7B7B8A var(--base-4); -webkit-overflow-scrolling:touch;}
.carrusel_ficha{display:inline-block; width:300px;}

.control{
	background-size:auto 20px;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	position:absolute !important;
	z-index:4;
	top:50%;
	transform: translateY(-50%);
	/*min-height:44px;*/
	height:44px;
	width:27px;
	/*padding:6px 15px;*/
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	border:2px solid rgba(255,255,255,0.5);

	/*background-color:var(--color-verde-5);*/
	/*background-color: rgba(0,0,27,0.4);*/
	/*background-color: rgba(125,155,95,0.22);*/
	background-color: rgba(255,255,255,0.32);

	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);  

	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.10);
    box-shadow: 0 2px 8px rgba(0,0,0,.10);
}

.control:hover{background-color:rgba(125,155,95,.38);}
.control:active{background-color:black; opacity:0.5;}

.control.prev{background-image:url('icn/arrow_prev-verde.svg'); left:-12px; background-position: center left 44%;}
.control.next{background-image:url('icn/arrow_next-verde.svg'); right:-12px; background-position: center right 44%;}

.control:disabled{opacity: 0.5;}


/* ------------------------------ Banner elements --------------- */

.control_banner{
	background-size:auto 20px;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	position:absolute !important;
	z-index:4;
	top:50%;
	transform: translateY(-50%);
	/*min-height:44px;*/
	height:60px;
	width:60px;
	/*padding:6px 15px;*/
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	border:2px solid rgba(255,255,255,0.10);

	/*background-color:var(--color-verde-6);*/
	background-color: rgba(255,255,255,0.2);

	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);  
	
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.10);
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}

.control_banner:hover{background-color:var(--color-verde-6);}
.control_banner:active{background-color:black; opacity:0.5;}

.control_banner.prev{background-image:url('icn/arrow_prev-white.svg'); left:-29px; background-position:center right 11px;}
.control_banner.next{background-image:url('icn/arrow_next-white.svg'); right:-29px; background-position:center left 11px;}


/* ============================================================================================================================= */
/* ===================================================================================== 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 top;
	background-image:url('icn/chat_say_other_up.svg');
}
.sb_me{
	margin-left:11%;
	padding-right: 4px;
	/*padding-right:1px;*/
	background-position:right bottom;
	background-image:url('icn/chat_say_me.svg');
}

.say{
	color:white;
	padding:10px 14px 10px 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:var(--color-violeta-5);
}
.say.me{
	background-color: var(--color-verde-6);
}
.say.deal{	
	background-color:var(--color-amanja-3);
	border: 1px solid darkorange;
}
.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 ------------- */
.comment_block:first-child {
	padding-top:0 !important;
}
.comment_block {
	font-size: 15px;
	line-height: 17px;
	text-align: left;
	grid-template-columns: auto 1fr;
	padding-bottom: 16px;
	gap:10px;
	border-bottom: 1px solid rgba(0,0,50,0.15);
	padding:16px 0;
	/*margin-bottom:1px;*/
}
.comment_block:last-child{border-bottom: none;}

.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;
	*/
	width: 34px;
	height: 34px;
	vertical-align: middle;
}

.comment_data{display:inline-block; vertical-align:top;}
.comment_user{/*font-weight:bold;*/ font-weight:600; /*margin-bottom:3px;*/}
.comment_date{
    font-size: 12px;
	line-height: 14px;
	color: var(--base-4);
	margin-top: 2px;
	text-align: right;
}
.comment_comment{
	color: var(--base-9);
	font-size: 14px;
  	line-height: 19px;
	margin-top:3px;
}


/* ============================================================================================================================= */
/* ===================================================================================== 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);
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	border-radius:7px;
}

figcaption {
	font-size: 13px;
	line-height: 15px;
	/*color: #1C1D20;*/
	color:var(--base-11);
	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);}

/* ------------------------------------------------------------------- */
.buttonIconCenter{
	display: inline-block;
	background-image: url('icn/play.png');
	position: absolute;

	/*background-size: auto 87px;*/
	/*background-size: auto calc(2vw + 58px);*/
	background-size: auto clamp(66px, calc(2vw + 58px), 90px);

	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	cursor:pointer;
}

.buttonIconCenter:hover{/*background-color:rgba(255,255,255,0.5);*/ background-color:rgba(0,0,0,0.2); filter:brightness(1.3);}
.buttonIconCenter:active{/*background-color:rgba(0,0,0,0.5);*/ background-color:rgba(0,0,0,0.5); filter:brightness(0.9);}
/* -------------------------- */

.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-size: 27px auto; background-position:left center; background-repeat:repeat-y; background-color:#fff; color:#000; padding:15px 15px 15px 46px; text-align:left; font-size:15px; line-height:18px; border-radius:5px;}

.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:12px 12px 12px 31px !important; font-size:var(--font-size-description);}

.notify_mini{
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 22px 22px;
	padding-left: 28px;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
}
.notify_mini.info{background-image:url('icn/info_circle-blue.svg'); color:var(--color-azul-6); 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;
}

/* ============================================================================================================================= */
/* ===================================================================================== PANELES LATERALES ===================== */
/* ============================================================================================================================= */
.panelLeft{display:none; position:fixed; left:0px;}
.panelRight{display:none; position:fixed; right:0px;}

.panelContainer{

	/*max-height: 100vh;
  	overflow-y: auto;*/

	/*margin:auto !important;*/
	
	/*transform:scale(0.94); opacity:0;*/

	transition: right 300ms ease, left 300ms ease;
}

/* ----------------- Botones modal X ---------- */
.panelClose{
	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:12px;
    top:19px;
	opacity: 0.9;
	z-index:2;
}			
.panelClose:hover{opacity:1; filter:drop-shadow(0 0 2px rgb(255, 255, 255));}
.panelClose:active{opacity:0.5;}

/* ----------------- Header modal --------- */
.panelBar_top{
	padding:10px 33px 11px 18px;

	text-align:left;
	position:relative;

	background-image: url('bgs/bg_abstract_right.png');
	background-repeat: no-repeat;
	background-position: center;
	
	background-color:var(--color-violeta-6);
}

/* ----------------- Title modal --------- */
.panelTitle{
	font-size: 24px;
    line-height: 25px;
	font-weight: 500;
	color:white;
	display:inline-block;
	font-family:var(--font-title);
	vertical-align: middle;
}

/* ============================================================================================================================= */
/* ===================================================================================== 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-2);*/
	overflow:hidden;
}

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

	background-image: url('bgs/bg_abstract_right.png');
	background-repeat: no-repeat;
	background-position: center;
	
	/*
	background-image: linear-gradient(to right, var(--color-violeta-6), #763db2);*/
	background-color:var(--color-violeta-6);
}

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

/* ----------------- Content modal --------- */
.modalContent, .modalContent2 {
	text-align:left;
	/*background-color:var(--base-3);*/
	background-color:var(--base-1);
	color:black;
	overflow-y:auto;
	
	-webkit-overflow-scrolling:touch;

	padding-top:32px;
	padding-bottom:32px;
}

/* ----------------- Footer modal --------- */
.modalBar_bottom{
	padding:12px 16px;
	color:white;
	background-color:var(--base-10);	
	text-align:left;
	border-top: 1px solid var(--base-3);
	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; filter:drop-shadow(0 0 2px rgb(255, 255, 255));}
.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-6);
	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:var(--base-5);
	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; }}

/* --------------- Drop Notifications --------------- */
.badge {
	background-color: red;
	width: 19px;
	height: 19px;
	border-radius: 500px;
	vertical-align: top;
	color: white;
	padding: 3px;
	line-height: 11px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	z-index: 1;
}
/*
.badge:hover{background-color:#ff5b5b;}
.badge:active{background-color:#a10000;}*/

.notification_block{
	display: grid;
	grid-gap: 8px;
	grid-template-columns: 1fr auto auto;
	padding:6px 10px 6px 14px;
	border-bottom: 1px solid #b1bfc6;
}
.notification_block:last-child{border-bottom:none;}
/*.notification_block:hover{}*/
.notification_block:active{
	color:#c5c5ce !important; fill:#c5c5ce !important;
	background-color:#d4cad7 !important;
}

.notification_block.no_vista{background-color:white; border-left:4px solid var(--color-verde-5);}
.notification_block.vista{background-color:white;}
.notification_block.visitado{background-color:var(--base-1);}

.notification_block.no_visto{background-color:white;}
.notification_block.visto{background-color:white;}
.notification_block.visitado{background-color:var(--base-1);}

.notification_action_column{padding-top:5px;}

.b_notification{
    display: block;
	/*white-space:nowrap;*/
	font-size: 15px;
	line-height: 17px;

	color: black;
	fill: black;	
	width: 100%;
	text-align: left;	
}

.notification_info{display:block; margin-bottom:2px;}
.notification_title{
	font-weight:600;
	font-size:14px;
	line-height:16px;
	margin-bottom:2px;
}
.notification_details{
	font-size: 14px;
	line-height: 16px;
	/*color:#687880;*/
	color: var(--base-8);
}
.notification_date{
	color: var(--base-5);
	font-size: 12px;
	line-height: 14px;
	margin-top: 5px;
}