/* Fondo del árbol */
.r01gContainer ul.fancytree-container,
.rup-dialog ul.fancytree-container {
	border: none;
	background-color: #fdfdfd;
}

/* Fuente y tamaño de los nodos */
.r01gContainer ul.fancytree-container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.r01gContainer .fancytree-container {
	font-size: 1rem; 
}

/* Asegura que el título herede o use un tamaño específico */
.r01gContainer span.fancytree-title {
	font-size: 1rem;
}

/* Icono de las carpetas */
/*
.r01gContainer .fancytree-container span.fancytree-custom-icon.folder,
.rup-dialog .fancytree-container span.fancytree-custom-icon.folder {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23FFD54F"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z"/></svg>');
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: center;
}

.r01gContainer .fancytree-container span.fancytree-custom-icon.folder.fondo {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23FFD54F"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z"/></svg>');
}
*/

.r01gContainer .fancytree-container span.fancytree-custom-icon.folder {
	/* El SVG ahora actúa como un recorte */
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23FFD54F"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23FFD54F"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z"/></svg>');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	
	/* El color por defecto */
	background-color: #FFD54F;
	opacity: 0.75;
}

.r01gContainer .fancytree-container span.fancytree-custom-icon.folder.fill {
	/* El SVG ahora actúa como un recorte */
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23FFD54F"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Z"/></svg>') !important;
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23FFD54F"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Z"/></svg>') !important;
}

.r01gContainer .fancytree-container span.fancytree-custom-icon.folder.fondo { background-color: var(--color-fondo); }
.r01gContainer .fancytree-container span.fancytree-custom-icon.folder.subfondo { background-color: var(--color-subfondo); }
.r01gContainer .fancytree-container span.fancytree-custom-icon.folder.seccion { background-color: var(--color-seccion); }
.r01gContainer .fancytree-container span.fancytree-custom-icon.folder.subseccion { background-color: var(--color-subseccion); }
.r01gContainer .fancytree-container span.fancytree-custom-icon.folder.serie { background-color: var(--color-serie); }

/* Icono de la valoración de las series */
.r01gContainer .fancytree-container span.fancytree-custom-icon.estadovaloracionserie {
	margin: 3px;
}

/* Icono del enlace */
.r01gContainer .fancytree-container span.fancytree-custom-link {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 0.5rem;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23888888"><path d="M320-240h320v-80H320v80Zm0-160h320v-80H320v80ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z"/></svg>');
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
	
	opacity: 0.7; /* Lo hace más suave aún */
    transition: opacity 0.2s;
}
.r01gContainer .fancytree-container span.fancytree-custom-link:hover {
    opacity: 1; /* Se ilumina al pasar el ratón */
    cursor: pointer;
}

/* Distancia entre nodos */
span.fancytree-node {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}