.custom-upload-button {
	display: flex !important;
}

.custom-upload-button .ui-fileupload-filename {
	max-width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.custom-upload-button .ui-button {
	background-color: #004571; /* Un azul más moderno y brillante */
	border-color: #004571;
	color: #ffffff; /* Texto blanco para contraste */
	font-size: 1rem; /* Tamaño de fuente ligeramente más grande */
	border-radius: 0.25rem; /* Bordes redondeados */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
	/* Sombra suave para elevar el botón */
	transition: 0.3s ease; /* Transición suave para el hover effect */
}

.custom-upload-button .ui-button.ui-button-text-icon-left .ui-icon {
	margin-top: -0.7rem;
}

.custom-upload-button .ui-button:hover {
	background-color: #004571; /* Azul más oscuro al pasar el mouse */
	border-color: #0056b3;
}

.custom-upload-button .ui-button:focus {
	outline: none; /* Elimina el outline default al enfocar */
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
	/* Sombra de enfoque para accesibilidad */
}

.custom-upload-button .ui-fileupload-buttonbar .ui-button .ui-button-text{
	font-weight: 500; /* Texto en negrita ligera para mayor claridad */
}

/* Ocultar completamente la vista previa de archivos */
.custom-upload-button .ui-fileupload-files {
	display: none !important;
}

/* Ocultar también mensajes de error dentro del fileUpload */
.custom-upload-button .ui-fileupload-content {
	display: none !important;
}
/* Ocultar el botón de cancelar (si es visible) */
.custom-upload-button .ui-fileupload-cancel {
	display: none !important;
}

.custom-upload-button .ui-fileupload-buttonbar {
	border: none !important;
	padding: 0 !important;
}

.filename-selected {
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	vertical-align: middle;
}

/* Estilos específicos para móviles */
@media screen and (max-width: 767px) {
	.custom-upload-button .ui-fileupload-buttonbar .ui-button .ui-button-text
		{
		display: flex;
	}
	.custom-upload-button .ui-fileupload-buttonbar .ui-button {
		padding: 0px;
	}
	.custom-upload-button .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon
		{
		position: static !important;
		transform: none !important;
		margin: 0 !important;
	}
}

@media screen and (max-width: 40em) {
	.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon,
		body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon,
		body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon
		{
		left: 0 !important;
		margin-left: 5px !important;
	}
}